npm - @leav/ui - Versions diffs - 1.9.0 → 1.10.0-088d807d - Mend

@leav/ui 1.9.0 → 1.10.0-088d807d

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.

Files changed (636) hide show

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

@@ -1,4 +1,4 @@
-import { TypeGuards } from '../../../components/LibraryItemsList/LibraryItemsListTable/Cell/typeGuards';
+import { isRecordFormElementsValueLinkValue, isRecordFormElementsValuesTreeValue } from '../../../_utils/typeguards';
 export const EditRecordSidebarContentTypeMap = {
     SUMMARY: 'summary',
     VALUE_DETAILS: 'valueDetails',
@@ -67,17 +67,18 @@ const editRecordReducer = (state, action) => {
                 : state.sidebarDefaultHidden
                     ? EditRecordSidebarContentTypeMap.NONE
                     : EditRecordSidebarContentTypeMap.SUMMARY;
+            const attribute = action.attribute ?? state.activeAttribute?.attribute ?? null;
             return {
                 ...state,
                 activeAttribute: {
-                    attribute: action.attribute ?? state.activeAttribute?.attribute ?? null,
+                    attribute,
                     globalValues: action.values
                         ?.filter(value => !value.isCalculated && !value.isInherited)
                         .map(value => {
-                        if (TypeGuards.isRecordFormElementsValuesLinkValue(value)) {
+                        if (isRecordFormElementsValueLinkValue(value, attribute)) {
                             return value.linkValue.whoAmI.label ?? value.linkValue.whoAmI.id;
                         }
-                        if (TypeGuards.isRecordFormElementsValuesTreeValue(value)) {
+                        if (isRecordFormElementsValuesTreeValue(value, attribute)) {
                             return value.treeValue.record.whoAmI.label ?? value.treeValue.record.whoAmI.id;
                         }
                         return value?.payload;
@@ -85,11 +86,11 @@ const editRecordReducer = (state, action) => {
                     calculatedValues: action.values
                         ?.filter(value => value.isCalculated || value.isInherited)
                         .map(calculatedOrInheritedValue => {
-                        if (TypeGuards.isRecordFormElementsValuesLinkValue(calculatedOrInheritedValue)) {
+                        if (isRecordFormElementsValueLinkValue(calculatedOrInheritedValue, attribute)) {
                             return (calculatedOrInheritedValue.linkValue.whoAmI.label ??
                                 calculatedOrInheritedValue.linkValue.whoAmI.id);
                         }
-                        if (TypeGuards.isRecordFormElementsValuesTreeValue(calculatedOrInheritedValue)) {
+                        if (isRecordFormElementsValuesTreeValue(calculatedOrInheritedValue, attribute)) {
                             return (calculatedOrInheritedValue.treeValue.record.whoAmI.label ??
                                 calculatedOrInheritedValue.treeValue.record.whoAmI.id);
                         }

package/dist/components/RecordEdition/editRecordReducer/editRecordReducer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"editRecordReducer.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/editRecordReducer/editRecordReducer.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type IRecordIdentityWhoAmI, type SystemTranslation, type IValueVersion} from '_ui/types';\nimport {\n type RecordFormAttributeFragment,\n type RecordUpdateSubscription,\n type ValueDetailsFragment,\n} from '_ui/_gqlTypes';\nimport {\n type RecordFormElementsValueLinkValue,\n type RecordFormElementsValueStandardValue,\n type RecordFormElementsValueTreeValue,\n} from '_ui/hooks/useGetRecordForm';\nimport {TypeGuards} from '_ui/components/LibraryItemsList/LibraryItemsListTable/Cell/typeGuards';\n\nexport interface IRecordPropertyWithAttribute {\n attribute: RecordFormAttributeFragment;\n globalValues?: Array<RecordFormElementsValueStandardValue['payload']>;\n calculatedValues?: Array<RecordFormElementsValueStandardValue['payload']>;\n}\n\nexport const EditRecordSidebarContentTypeMap = {\n SUMMARY: 'summary',\n VALUE_DETAILS: 'valueDetails',\n VALUES_VERSIONS: 'valuesVersions',\n NONE: 'none',\n} as const;\n\ntype EditRecordSidebarContentType =\n (typeof EditRecordSidebarContentTypeMap)[keyof typeof EditRecordSidebarContentTypeMap];\n\nexport interface IEditRecordReducerState {\n record: IRecordIdentityWhoAmI;\n libraryId: string;\n libraryLabel: SystemTranslation \| null;\n activeAttribute: IRecordPropertyWithAttribute;\n sidebarContent: EditRecordSidebarContentType;\n enableSidebar: boolean;\n isOpenSidebar: boolean;\n sidebarDefaultHidden?: boolean;\n valuesVersion: IValueVersion;\n originValuesVersion: IValueVersion;\n refreshRequested: boolean;\n externalUpdate: {\n modifiers: IRecordIdentityWhoAmI[];\n updatedValues: {\n [attribute: string]: ValueDetailsFragment[];\n };\n };\n withInfoButton: boolean;\n}\n\nexport enum EditRecordReducerActionsTypes {\n SET_RECORD = 'SET_RECORD',\n SET_LIBRARY_LABEL = 'SET_LIBRARY_LABEL',\n SET_ACTIVE_VALUE = 'SET_ACTIVE_VALUE',\n INITIALIZE_SIDEBAR = 'INITIALIZE_SIDEBAR',\n SET_ENABLE_SIDEBAR = 'SET_ENABLE_SIDEBAR',\n SET_SIDEBAR_CONTENT = 'SET_SIDEBAR_CONTENT',\n SET_SIDEBAR_IS_OPEN = 'SET_SIDEBAR_IS_OPEN',\n SET_SIDEBAR_DEFAULT_HIDDEN = 'SET_SIDEBAR_DEFAULT_HIDDEN',\n SET_VALUES_VERSION = 'SET_VALUES_VERSION',\n REQUEST_REFRESH = 'REQUEST_REFRESH',\n REFRESH_DONE = 'REFRESH_DONE',\n ADD_EXTERNAL_UPDATE = 'ADD_EXTERNAL_UPDATE',\n CLEAR_EXTERNAL_UPDATE = 'CLEAR_EXTERNAL_UPDATE',\n}\n\nexport type IEditRecordReducerActions =\n \| {\n type: EditRecordReducerActionsTypes.SET_RECORD;\n record: IEditRecordReducerState['record'];\n }\n \| {\n type: EditRecordReducerActionsTypes.SET_LIBRARY_LABEL;\n label: SystemTranslation;\n }\n \| {\n type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE;\n attribute?: IEditRecordReducerState['activeAttribute']['attribute'];\n values?:\n \| RecordFormElementsValueStandardValue[]\n \| RecordFormElementsValueLinkValue[]\n \| RecordFormElementsValueTreeValue[];\n }\n \| {\n type: EditRecordReducerActionsTypes.INITIALIZE_SIDEBAR;\n enabled: IEditRecordReducerState['enableSidebar'];\n isOpenByDefault: IEditRecordReducerState['sidebarDefaultHidden'];\n }\n \| {\n type: EditRecordReducerActionsTypes.SET_ENABLE_SIDEBAR;\n enabled: IEditRecordReducerState['enableSidebar'];\n }\n \| {\n type: EditRecordReducerActionsTypes.SET_SIDEBAR_IS_OPEN;\n isOpen: IEditRecordReducerState['isOpenSidebar'];\n }\n \| {\n type: EditRecordReducerActionsTypes.SET_SIDEBAR_CONTENT;\n content: IEditRecordReducerState['sidebarContent'];\n }\n \| {\n type: EditRecordReducerActionsTypes.SET_SIDEBAR_DEFAULT_HIDDEN;\n value: IEditRecordReducerState['sidebarDefaultHidden'];\n }\n \| {\n type: EditRecordReducerActionsTypes.SET_VALUES_VERSION;\n valuesVersion: IEditRecordReducerState['valuesVersion'];\n }\n \| {\n type: EditRecordReducerActionsTypes.REQUEST_REFRESH;\n }\n \| {\n type: EditRecordReducerActionsTypes.REFRESH_DONE;\n }\n \| {\n type: EditRecordReducerActionsTypes.ADD_EXTERNAL_UPDATE;\n modifier: IRecordIdentityWhoAmI;\n updatedValues: RecordUpdateSubscription['recordUpdate']['updatedValues'];\n }\n \| {\n type: EditRecordReducerActionsTypes.CLEAR_EXTERNAL_UPDATE;\n };\n\nexport const initialState: IEditRecordReducerState = {\n record: null,\n libraryId: null,\n libraryLabel: null,\n activeAttribute: null,\n enableSidebar: false,\n isOpenSidebar: false,\n sidebarContent: EditRecordSidebarContentTypeMap.NONE,\n sidebarDefaultHidden: false,\n valuesVersion: null,\n originValuesVersion: null,\n refreshRequested: false,\n externalUpdate: {\n modifiers: [],\n updatedValues: {},\n },\n withInfoButton: false,\n};\n\nconst editRecordReducer = (\n state: IEditRecordReducerState,\n action: IEditRecordReducerActions,\n): IEditRecordReducerState => {\n switch (action.type) {\n case EditRecordReducerActionsTypes.SET_RECORD:\n return {...state, record: action.record};\n case EditRecordReducerActionsTypes.SET_LIBRARY_LABEL:\n return {...state, libraryLabel: action.label};\n case EditRecordReducerActionsTypes.INITIALIZE_SIDEBAR: {\n const {enabled, isOpenByDefault} = action;\n // If the sidebar is not enabled, don't check for isOpenByDefault\n const isOpen = enabled && isOpenByDefault;\n return {\n ...state,\n enableSidebar: enabled,\n sidebarDefaultHidden: !isOpenByDefault,\n sidebarContent: isOpen ? EditRecordSidebarContentTypeMap.SUMMARY : EditRecordSidebarContentTypeMap.NONE,\n isOpenSidebar: isOpen,\n };\n }\n case EditRecordReducerActionsTypes.SET_ENABLE_SIDEBAR:\n return {...state, enableSidebar: action.enabled};\n case EditRecordReducerActionsTypes.SET_SIDEBAR_DEFAULT_HIDDEN:\n return {...state, sidebarDefaultHidden: action.value};\n case EditRecordReducerActionsTypes.SET_ACTIVE_VALUE:\n const newSidebarContent =\n action.attribute !== null\n ? EditRecordSidebarContentTypeMap.VALUE_DETAILS\n : state.sidebarDefaultHidden\n ? EditRecordSidebarContentTypeMap.NONE\n : EditRecordSidebarContentTypeMap.SUMMARY;\n return {\n ...state,\n activeAttribute: {\n attribute: action.attribute ?? state.activeAttribute?.attribute ?? null,\n globalValues: action.values\n ?.filter(value => !value.isCalculated && !value.isInherited)\n .map(value => {\n if (TypeGuards.isRecordFormElementsValuesLinkValue(value)) {\n return value.linkValue.whoAmI.label ?? value.linkValue.whoAmI.id;\n }\n\n if (TypeGuards.isRecordFormElementsValuesTreeValue(value)) {\n return value.treeValue.record.whoAmI.label ?? value.treeValue.record.whoAmI.id;\n }\n\n return value?.payload;\n }),\n calculatedValues:\n action.values\n ?.filter(value => value.isCalculated \|\| value.isInherited)\n .map(calculatedOrInheritedValue => {\n if (TypeGuards.isRecordFormElementsValuesLinkValue(calculatedOrInheritedValue)) {\n return (\n calculatedOrInheritedValue.linkValue.whoAmI.label ??\n calculatedOrInheritedValue.linkValue.whoAmI.id\n );\n }\n\n if (TypeGuards.isRecordFormElementsValuesTreeValue(calculatedOrInheritedValue)) {\n return (\n calculatedOrInheritedValue.treeValue.record.whoAmI.label ??\n calculatedOrInheritedValue.treeValue.record.whoAmI.id\n );\n }\n\n return calculatedOrInheritedValue?.payload;\n }) ?? [],\n },\n sidebarContent: newSidebarContent,\n };\n case EditRecordReducerActionsTypes.SET_SIDEBAR_CONTENT:\n return {...state, sidebarContent: action.content};\n case EditRecordReducerActionsTypes.SET_SIDEBAR_IS_OPEN:\n return {\n ...state,\n sidebarContent: action.isOpen\n ? EditRecordSidebarContentTypeMap.SUMMARY\n : EditRecordSidebarContentTypeMap.NONE,\n isOpenSidebar: action.isOpen,\n };\n case EditRecordReducerActionsTypes.SET_VALUES_VERSION:\n return {...state, valuesVersion: action.valuesVersion};\n case EditRecordReducerActionsTypes.REQUEST_REFRESH:\n return {...state, refreshRequested: true};\n case EditRecordReducerActionsTypes.REFRESH_DONE:\n return {...state, refreshRequested: false};\n case EditRecordReducerActionsTypes.ADD_EXTERNAL_UPDATE:\n const newState = {...state};\n const newModifiers = state.externalUpdate?.modifiers.find(({id}) => id === action.modifier.id)\n ? (newState.externalUpdate?.modifiers ?? [])\n : [...(newState.externalUpdate?.modifiers ?? []), action.modifier];\n\n const newValues = action.updatedValues.reduce(\n (acc, updatedValue) => ({\n ...acc,\n [updatedValue.attribute]: [\n ...(newState.externalUpdate?.[updatedValue.attribute] ?? []),\n updatedValue.value,\n ],\n }),\n {},\n );\n\n newState.externalUpdate = {\n modifiers: newModifiers,\n updatedValues: {...(state.externalUpdate?.updatedValues ?? {}), ...newValues},\n };\n\n return newState;\n case EditRecordReducerActionsTypes.CLEAR_EXTERNAL_UPDATE:\n return {...state, externalUpdate: {...initialState.externalUpdate}};\n default:\n console.warn('Unknown action type in editRecordReducer:', action);\n return state;\n }\n};\n\nexport default editRecordReducer;\n"]}
1	+ {"version":3,"file":"editRecordReducer.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/editRecordReducer/editRecordReducer.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type IRecordIdentityWhoAmI, type SystemTranslation, type IValueVersion} from '_ui/types';\nimport {\n type RecordFormAttributeFragment,\n type RecordUpdateSubscription,\n type ValueDetailsFragment,\n} from '_ui/_gqlTypes';\nimport {\n type RecordFormElementsValueLinkValue,\n type RecordFormElementsValueStandardValue,\n type RecordFormElementsValueTreeValue,\n} from '_ui/hooks/useGetRecordForm';\nimport {isRecordFormElementsValueLinkValue, isRecordFormElementsValuesTreeValue} from '_ui/_utils/typeguards';\n\nexport interface IRecordPropertyWithAttribute {\n attribute: RecordFormAttributeFragment;\n globalValues?: Array<RecordFormElementsValueStandardValue['payload']>;\n calculatedValues?: Array<RecordFormElementsValueStandardValue['payload']>;\n}\n\nexport const EditRecordSidebarContentTypeMap = {\n SUMMARY: 'summary',\n VALUE_DETAILS: 'valueDetails',\n VALUES_VERSIONS: 'valuesVersions',\n NONE: 'none',\n} as const;\n\ntype EditRecordSidebarContentType =\n (typeof EditRecordSidebarContentTypeMap)[keyof typeof EditRecordSidebarContentTypeMap];\n\nexport interface IEditRecordReducerState {\n record: IRecordIdentityWhoAmI;\n libraryId: string;\n libraryLabel: SystemTranslation \| null;\n activeAttribute: IRecordPropertyWithAttribute;\n sidebarContent: EditRecordSidebarContentType;\n enableSidebar: boolean;\n isOpenSidebar: boolean;\n sidebarDefaultHidden?: boolean;\n valuesVersion: IValueVersion;\n originValuesVersion: IValueVersion;\n refreshRequested: boolean;\n externalUpdate: {\n modifiers: IRecordIdentityWhoAmI[];\n updatedValues: {\n [attribute: string]: ValueDetailsFragment[];\n };\n };\n withInfoButton: boolean;\n}\n\nexport enum EditRecordReducerActionsTypes {\n SET_RECORD = 'SET_RECORD',\n SET_LIBRARY_LABEL = 'SET_LIBRARY_LABEL',\n SET_ACTIVE_VALUE = 'SET_ACTIVE_VALUE',\n INITIALIZE_SIDEBAR = 'INITIALIZE_SIDEBAR',\n SET_ENABLE_SIDEBAR = 'SET_ENABLE_SIDEBAR',\n SET_SIDEBAR_CONTENT = 'SET_SIDEBAR_CONTENT',\n SET_SIDEBAR_IS_OPEN = 'SET_SIDEBAR_IS_OPEN',\n SET_SIDEBAR_DEFAULT_HIDDEN = 'SET_SIDEBAR_DEFAULT_HIDDEN',\n SET_VALUES_VERSION = 'SET_VALUES_VERSION',\n REQUEST_REFRESH = 'REQUEST_REFRESH',\n REFRESH_DONE = 'REFRESH_DONE',\n ADD_EXTERNAL_UPDATE = 'ADD_EXTERNAL_UPDATE',\n CLEAR_EXTERNAL_UPDATE = 'CLEAR_EXTERNAL_UPDATE',\n}\n\nexport type IEditRecordReducerActions =\n \| {\n type: EditRecordReducerActionsTypes.SET_RECORD;\n record: IEditRecordReducerState['record'];\n }\n \| {\n type: EditRecordReducerActionsTypes.SET_LIBRARY_LABEL;\n label: SystemTranslation;\n }\n \| {\n type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE;\n attribute?: IEditRecordReducerState['activeAttribute']['attribute'];\n values?:\n \| RecordFormElementsValueStandardValue[]\n \| RecordFormElementsValueLinkValue[]\n \| RecordFormElementsValueTreeValue[];\n }\n \| {\n type: EditRecordReducerActionsTypes.INITIALIZE_SIDEBAR;\n enabled: IEditRecordReducerState['enableSidebar'];\n isOpenByDefault: IEditRecordReducerState['sidebarDefaultHidden'];\n }\n \| {\n type: EditRecordReducerActionsTypes.SET_ENABLE_SIDEBAR;\n enabled: IEditRecordReducerState['enableSidebar'];\n }\n \| {\n type: EditRecordReducerActionsTypes.SET_SIDEBAR_IS_OPEN;\n isOpen: IEditRecordReducerState['isOpenSidebar'];\n }\n \| {\n type: EditRecordReducerActionsTypes.SET_SIDEBAR_CONTENT;\n content: IEditRecordReducerState['sidebarContent'];\n }\n \| {\n type: EditRecordReducerActionsTypes.SET_SIDEBAR_DEFAULT_HIDDEN;\n value: IEditRecordReducerState['sidebarDefaultHidden'];\n }\n \| {\n type: EditRecordReducerActionsTypes.SET_VALUES_VERSION;\n valuesVersion: IEditRecordReducerState['valuesVersion'];\n }\n \| {\n type: EditRecordReducerActionsTypes.REQUEST_REFRESH;\n }\n \| {\n type: EditRecordReducerActionsTypes.REFRESH_DONE;\n }\n \| {\n type: EditRecordReducerActionsTypes.ADD_EXTERNAL_UPDATE;\n modifier: IRecordIdentityWhoAmI;\n updatedValues: RecordUpdateSubscription['recordUpdate']['updatedValues'];\n }\n \| {\n type: EditRecordReducerActionsTypes.CLEAR_EXTERNAL_UPDATE;\n };\n\nexport const initialState: IEditRecordReducerState = {\n record: null,\n libraryId: null,\n libraryLabel: null,\n activeAttribute: null,\n enableSidebar: false,\n isOpenSidebar: false,\n sidebarContent: EditRecordSidebarContentTypeMap.NONE,\n sidebarDefaultHidden: false,\n valuesVersion: null,\n originValuesVersion: null,\n refreshRequested: false,\n externalUpdate: {\n modifiers: [],\n updatedValues: {},\n },\n withInfoButton: false,\n};\n\nconst editRecordReducer = (\n state: IEditRecordReducerState,\n action: IEditRecordReducerActions,\n): IEditRecordReducerState => {\n switch (action.type) {\n case EditRecordReducerActionsTypes.SET_RECORD:\n return {...state, record: action.record};\n case EditRecordReducerActionsTypes.SET_LIBRARY_LABEL:\n return {...state, libraryLabel: action.label};\n case EditRecordReducerActionsTypes.INITIALIZE_SIDEBAR: {\n const {enabled, isOpenByDefault} = action;\n // If the sidebar is not enabled, don't check for isOpenByDefault\n const isOpen = enabled && isOpenByDefault;\n return {\n ...state,\n enableSidebar: enabled,\n sidebarDefaultHidden: !isOpenByDefault,\n sidebarContent: isOpen ? EditRecordSidebarContentTypeMap.SUMMARY : EditRecordSidebarContentTypeMap.NONE,\n isOpenSidebar: isOpen,\n };\n }\n case EditRecordReducerActionsTypes.SET_ENABLE_SIDEBAR:\n return {...state, enableSidebar: action.enabled};\n case EditRecordReducerActionsTypes.SET_SIDEBAR_DEFAULT_HIDDEN:\n return {...state, sidebarDefaultHidden: action.value};\n case EditRecordReducerActionsTypes.SET_ACTIVE_VALUE:\n const newSidebarContent =\n action.attribute !== null\n ? EditRecordSidebarContentTypeMap.VALUE_DETAILS\n : state.sidebarDefaultHidden\n ? EditRecordSidebarContentTypeMap.NONE\n : EditRecordSidebarContentTypeMap.SUMMARY;\n\n const attribute = action.attribute ?? state.activeAttribute?.attribute ?? null;\n return {\n ...state,\n activeAttribute: {\n attribute,\n globalValues: action.values\n ?.filter(value => !value.isCalculated && !value.isInherited)\n .map(value => {\n if (isRecordFormElementsValueLinkValue(value, attribute)) {\n return value.linkValue.whoAmI.label ?? value.linkValue.whoAmI.id;\n }\n\n if (isRecordFormElementsValuesTreeValue(value, attribute)) {\n return value.treeValue.record.whoAmI.label ?? value.treeValue.record.whoAmI.id;\n }\n\n return value?.payload;\n }),\n calculatedValues:\n action.values\n ?.filter(value => value.isCalculated \|\| value.isInherited)\n .map(calculatedOrInheritedValue => {\n if (isRecordFormElementsValueLinkValue(calculatedOrInheritedValue, attribute)) {\n return (\n calculatedOrInheritedValue.linkValue.whoAmI.label ??\n calculatedOrInheritedValue.linkValue.whoAmI.id\n );\n }\n\n if (isRecordFormElementsValuesTreeValue(calculatedOrInheritedValue, attribute)) {\n return (\n calculatedOrInheritedValue.treeValue.record.whoAmI.label ??\n calculatedOrInheritedValue.treeValue.record.whoAmI.id\n );\n }\n\n return calculatedOrInheritedValue?.payload;\n }) ?? [],\n },\n sidebarContent: newSidebarContent,\n };\n case EditRecordReducerActionsTypes.SET_SIDEBAR_CONTENT:\n return {...state, sidebarContent: action.content};\n case EditRecordReducerActionsTypes.SET_SIDEBAR_IS_OPEN:\n return {\n ...state,\n sidebarContent: action.isOpen\n ? EditRecordSidebarContentTypeMap.SUMMARY\n : EditRecordSidebarContentTypeMap.NONE,\n isOpenSidebar: action.isOpen,\n };\n case EditRecordReducerActionsTypes.SET_VALUES_VERSION:\n return {...state, valuesVersion: action.valuesVersion};\n case EditRecordReducerActionsTypes.REQUEST_REFRESH:\n return {...state, refreshRequested: true};\n case EditRecordReducerActionsTypes.REFRESH_DONE:\n return {...state, refreshRequested: false};\n case EditRecordReducerActionsTypes.ADD_EXTERNAL_UPDATE:\n const newState = {...state};\n const newModifiers = state.externalUpdate?.modifiers.find(({id}) => id === action.modifier.id)\n ? (newState.externalUpdate?.modifiers ?? [])\n : [...(newState.externalUpdate?.modifiers ?? []), action.modifier];\n\n const newValues = action.updatedValues.reduce(\n (acc, updatedValue) => ({\n ...acc,\n [updatedValue.attribute]: [\n ...(newState.externalUpdate?.[updatedValue.attribute] ?? []),\n updatedValue.value,\n ],\n }),\n {},\n );\n\n newState.externalUpdate = {\n modifiers: newModifiers,\n updatedValues: {...(state.externalUpdate?.updatedValues ?? {}), ...newValues},\n };\n\n return newState;\n case EditRecordReducerActionsTypes.CLEAR_EXTERNAL_UPDATE:\n return {...state, externalUpdate: {...initialState.externalUpdate}};\n default:\n console.warn('Unknown action type in editRecordReducer:', action);\n return state;\n }\n};\n\nexport default editRecordReducer;\n"]}

package/dist/components/RecordEdition/hooks/useGetSubmitButtons.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import { type PossibleSubmitButtons, type SubmitButtonsName } from '../_types';
-export declare const useGetSubmitButtons: (buttons: PossibleSubmitButtons, id: string, isInCreateMode: boolean, onClickSubmit: (button: SubmitButtonsName) => void) => any[];
+export declare const useGetSubmitButtons: (buttons: PossibleSubmitButtons, id: string, isInCreateMode: boolean, onClickSubmit: (button: SubmitButtonsName) => void, onClickCloseCancel?: () => void) => any[];

package/dist/components/RecordEdition/hooks/useGetSubmitButtons.js CHANGED Viewed

@@ -5,14 +5,18 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { KitButton } from 'aristid-ds';
 import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faPenToSquare, faCheck } from '@fortawesome/free-solid-svg-icons';
+import { faPenToSquare, faCheck, faXmark } from '@fortawesome/free-solid-svg-icons';
 import { EDIT_OR_CREATE_RECORD_FORM_ID } from '../EditRecordContent/formConstants';
-export const useGetSubmitButtons = (buttons, id, isInCreateMode, onClickSubmit) => {
+export const useGetSubmitButtons = (buttons, id, isInCreateMode, onClickSubmit, onClickCloseCancel) => {
     const { t } = useSharedTranslation();
     const headerSubmitButtons = [];
     if (!isInCreateMode) {
         return [];
     }
+    if (buttons.includes('closeCancel') && onClickCloseCancel) {
+        const closeButtonLabel = isInCreateMode ? t('global.cancel') : t('global.close');
+        headerSubmitButtons.push(_jsx(KitButton, { type: "secondary", icon: _jsx(FontAwesomeIcon, { icon: faXmark }), onClick: () => onClickCloseCancel?.(), size: "m", children: closeButtonLabel }, "close"));
+    }
     if (buttons.includes('create')) {
         headerSubmitButtons.push(_jsx(KitButton, { form: id ?? EDIT_OR_CREATE_RECORD_FORM_ID, type: !buttons.includes('createAndEdit') ? 'primary' : 'secondary', htmlType: "submit", icon: _jsx(FontAwesomeIcon, { icon: faCheck }), onClick: () => onClickSubmit('create'), size: "m", children: t('record_edition.create') }, "create"));
     }

package/dist/components/RecordEdition/hooks/useGetSubmitButtons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useGetSubmitButtons.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/hooks/useGetSubmitButtons.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,SAAS,EAAC,MAAM,YAAY,CAAC;AACrC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,aAAa,EAAE,OAAO,EAAC,MAAM,mCAAmC,CAAC;~~AACzE~~,OAAO,EAAC,6BAA6B,EAAC,MAAM,oCAAoC,CAAC;AAEjF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAC/B,OAA8B,EAC9B,EAAU,EACV,cAAuB,EACvB,aAAkD,~~EACpD~~,EAAE;IACA,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,mBAAmB,GAAG,EAAE,CAAC;IAE/B,IAAI,CAAC,cAAc,EAAE,CAAC;QAClB,OAAO,EAAE,CAAC;IACd,CAAC;IAED,IAAI,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC7B,mBAAmB,CAAC,IAAI,CACpB,KAAC,SAAS,IAEN,IAAI,EAAE,EAAE,IAAI,6BAA6B,EACzC,IAAI,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAClE,QAAQ,EAAC,QAAQ,EACjB,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,OAAO,GAAI,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,EACtC,IAAI,EAAC,GAAG,YAEP,CAAC,CAAC,uBAAuB,CAAC,IARvB,QAAQ,CASJ,CACf,CAAC;IACN,CAAC;IAED,IAAI,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC;QACpC,mBAAmB,CAAC,IAAI,CACpB,KAAC,SAAS,IAEN,IAAI,EAAE,EAAE,IAAI,6BAA6B,EACzC,IAAI,EAAC,SAAS,EACd,QAAQ,EAAC,QAAQ,EACjB,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,aAAa,GAAI,EAC9C,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,EAC7C,IAAI,EAAC,GAAG,YAEP,CAAC,CAAC,gCAAgC,CAAC,IARhC,eAAe,CASX,CACf,CAAC;IACN,CAAC;IAED,OAAO,mBAAmB,CAAC;AAC/B,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {KitButton} from 'aristid-ds';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type PossibleSubmitButtons, type SubmitButtonsName} from '../_types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faPenToSquare, faCheck} from '@fortawesome/free-solid-svg-icons';\nimport {EDIT_OR_CREATE_RECORD_FORM_ID} from '../EditRecordContent/formConstants';\n\nexport const useGetSubmitButtons = (\n buttons: PossibleSubmitButtons,\n id: string,\n isInCreateMode: boolean,\n onClickSubmit: (button: SubmitButtonsName) => void,\n) => {\n const {t} = useSharedTranslation();\n const headerSubmitButtons = [];\n\n if (!isInCreateMode) {\n return [];\n }\n\n if (buttons.includes('create')) {\n headerSubmitButtons.push(\n <KitButton\n key=\"create\"\n form={id ?? EDIT_OR_CREATE_RECORD_FORM_ID}\n type={!buttons.includes('createAndEdit') ? 'primary' : 'secondary'}\n htmlType=\"submit\"\n icon={<FontAwesomeIcon icon={faCheck} />}\n onClick={() => onClickSubmit('create')}\n size=\"m\"\n >\n {t('record_edition.create')}\n </KitButton>,\n );\n }\n\n if (buttons.includes('createAndEdit')) {\n headerSubmitButtons.push(\n <KitButton\n key=\"createAndEdit\"\n form={id ?? EDIT_OR_CREATE_RECORD_FORM_ID}\n type=\"primary\"\n htmlType=\"submit\"\n icon={<FontAwesomeIcon icon={faPenToSquare} />}\n onClick={() => onClickSubmit('createAndEdit')}\n size=\"m\"\n >\n {t('record_edition.create_and_edit')}\n </KitButton>,\n );\n }\n\n return headerSubmitButtons;\n};\n"]}
1	+ {"version":3,"file":"useGetSubmitButtons.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/hooks/useGetSubmitButtons.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,SAAS,EAAC,MAAM,YAAY,CAAC;AACrC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,aAAa,EAAE,OAAO,EAAE,OAAO,EAAC,MAAM,mCAAmC,CAAC;AAClF,OAAO,EAAC,6BAA6B,EAAC,MAAM,oCAAoC,CAAC;AAEjF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAC/B,OAA8B,EAC9B,EAAU,EACV,cAAuB,EACvB,aAAkD,EAClD,kBAA+B,EACjC,EAAE;IACA,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,mBAAmB,GAAG,EAAE,CAAC;IAE/B,IAAI,CAAC,cAAc,EAAE,CAAC;QAClB,OAAO,EAAE,CAAC;IACd,CAAC;IAED,IAAI,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,kBAAkB,EAAE,CAAC;QACxD,MAAM,gBAAgB,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;QACjF,mBAAmB,CAAC,IAAI,CACpB,KAAC,SAAS,IAEN,IAAI,EAAC,WAAW,EAChB,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,OAAO,GAAI,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,EAAE,EAAE,EACrC,IAAI,EAAC,GAAG,YAEP,gBAAgB,IANb,OAAO,CAOH,CACf,CAAC;IACN,CAAC;IAED,IAAI,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC7B,mBAAmB,CAAC,IAAI,CACpB,KAAC,SAAS,IAEN,IAAI,EAAE,EAAE,IAAI,6BAA6B,EACzC,IAAI,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAClE,QAAQ,EAAC,QAAQ,EACjB,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,OAAO,GAAI,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,EACtC,IAAI,EAAC,GAAG,YAEP,CAAC,CAAC,uBAAuB,CAAC,IARvB,QAAQ,CASJ,CACf,CAAC;IACN,CAAC;IAED,IAAI,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC;QACpC,mBAAmB,CAAC,IAAI,CACpB,KAAC,SAAS,IAEN,IAAI,EAAE,EAAE,IAAI,6BAA6B,EACzC,IAAI,EAAC,SAAS,EACd,QAAQ,EAAC,QAAQ,EACjB,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,aAAa,GAAI,EAC9C,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,EAC7C,IAAI,EAAC,GAAG,YAEP,CAAC,CAAC,gCAAgC,CAAC,IARhC,eAAe,CASX,CACf,CAAC;IACN,CAAC;IAED,OAAO,mBAAmB,CAAC;AAC/B,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {KitButton} from 'aristid-ds';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type PossibleSubmitButtons, type SubmitButtonsName} from '../_types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faPenToSquare, faCheck, faXmark} from '@fortawesome/free-solid-svg-icons';\nimport {EDIT_OR_CREATE_RECORD_FORM_ID} from '../EditRecordContent/formConstants';\n\nexport const useGetSubmitButtons = (\n buttons: PossibleSubmitButtons,\n id: string,\n isInCreateMode: boolean,\n onClickSubmit: (button: SubmitButtonsName) => void,\n onClickCloseCancel?: () => void,\n) => {\n const {t} = useSharedTranslation();\n const headerSubmitButtons = [];\n\n if (!isInCreateMode) {\n return [];\n }\n\n if (buttons.includes('closeCancel') && onClickCloseCancel) {\n const closeButtonLabel = isInCreateMode ? t('global.cancel') : t('global.close');\n headerSubmitButtons.push(\n <KitButton\n key=\"close\"\n type=\"secondary\"\n icon={<FontAwesomeIcon icon={faXmark} />}\n onClick={() => onClickCloseCancel?.()}\n size=\"m\"\n >\n {closeButtonLabel}\n </KitButton>,\n );\n }\n\n if (buttons.includes('create')) {\n headerSubmitButtons.push(\n <KitButton\n key=\"create\"\n form={id ?? EDIT_OR_CREATE_RECORD_FORM_ID}\n type={!buttons.includes('createAndEdit') ? 'primary' : 'secondary'}\n htmlType=\"submit\"\n icon={<FontAwesomeIcon icon={faCheck} />}\n onClick={() => onClickSubmit('create')}\n size=\"m\"\n >\n {t('record_edition.create')}\n </KitButton>,\n );\n }\n\n if (buttons.includes('createAndEdit')) {\n headerSubmitButtons.push(\n <KitButton\n key=\"createAndEdit\"\n form={id ?? EDIT_OR_CREATE_RECORD_FORM_ID}\n type=\"primary\"\n htmlType=\"submit\"\n icon={<FontAwesomeIcon icon={faPenToSquare} />}\n onClick={() => onClickSubmit('createAndEdit')}\n size=\"m\"\n >\n {t('record_edition.create_and_edit')}\n </KitButton>,\n );\n }\n\n return headerSubmitButtons;\n};\n"]}

package/dist/components/RecordHistory/RecordHistory.d.ts CHANGED Viewed

@@ -3,6 +3,7 @@ import { type FunctionComponent } from 'react';
 interface IRecordHistoryProps {
     record: IRecordIdentityWhoAmI;
     attributeId?: string;
+    noScroll?: boolean;
 }
 export declare const RecordHistory: FunctionComponent<IRecordHistoryProps>;
 export default RecordHistory;

package/dist/components/RecordHistory/RecordHistory.js CHANGED Viewed

@@ -15,7 +15,7 @@ import { RecordHistoryLogEntry } from './RecordHistoryLogEntry';
 const StyledDivContentWrapper = styled.div `
     margin-top: calc(var(--general-spacing-xs) * 1px);
     flex: 1 1 0;
-    overflow-y: auto;
+    overflow-y: ${props => (props.$scrollable ? 'auto' : 'unset')};
 `;
 // TODO: This component should be moved to /apps/app-studio/src/modules/information-and-history/record-history/ when he will no longer be used by RecordSummary and ValuesSummary (those components will be removed in the future)
 // Also when component will be moved
@@ -23,7 +23,7 @@ const StyledDivContentWrapper = styled.div `
 // - remove usage of styled-components
 // - instead of a record we could receive a recordId and a libraryId directly
 // - remove styling of StyledDivContentWrapper that will no longer be necessary
-export const RecordHistory = ({ record, attributeId }) => {
+export const RecordHistory = ({ record, attributeId, noScroll }) => {
     const { t } = useSharedTranslation();
     const [showAllHistory, setShowAllHistory] = useState(false);
     const { loading, inError, logs, total, hasMore, fetchMore } = useFetchRecordHistory({
@@ -44,7 +44,7 @@ export const RecordHistory = ({ record, attributeId }) => {
     if (logs.length === 0) {
         return (_jsx(StyledDivContentWrapper, { children: _jsx(KitTypography.Text, { children: t('record_history.empty_history') }) }));
     }
-    return (_jsx(StyledDivContentWrapper, { children: _jsx(RecordHistoryGoUpButton, { children: _jsxs(KitSpace, { size: "s", direction: "vertical", children: [showAllHistory && (_jsxs(_Fragment, { children: [logs.map((logEntry, index) => (_jsx(RecordHistoryLogEntry, { index: index, logEntry: logEntry }, index))), _jsx(ShowMore, { hasMore: hasMore, fetchMore: fetchMore })] })), !showAllHistory && _jsx(RecordHistoryLogEntry, { index: 0, logEntry: logs[0] }, 0), total > 1 && (_jsx(KitButton, { type: "secondary", size: "s", onClick: () => setShowAllHistory(!showAllHistory), children: showAllHistory
+    return (_jsx(StyledDivContentWrapper, { "$scrollable": !noScroll, children: _jsx(RecordHistoryGoUpButton, { disabled: noScroll, children: _jsxs(KitSpace, { size: "s", direction: "vertical", children: [showAllHistory && (_jsxs(_Fragment, { children: [logs.map((logEntry, index) => (_jsx(RecordHistoryLogEntry, { index: index, logEntry: logEntry }, index))), _jsx(ShowMore, { hasMore: hasMore, fetchMore: fetchMore })] })), !showAllHistory && _jsx(RecordHistoryLogEntry, { index: 0, logEntry: logs[0] }, 0), total > 1 && (_jsx(KitButton, { type: "secondary", size: "s", onClick: () => setShowAllHistory(!showAllHistory), children: showAllHistory
                             ? t('record_history.hide_history', { total })
                             : t('record_history.show_history', { total }) }))] }) }) }));
 };

package/dist/components/RecordHistory/RecordHistory.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RecordHistory.js","sourceRoot":"","sources":["../../../src/components/RecordHistory/RecordHistory.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAC,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAyB,QAAQ,EAAC,MAAM,OAAO,CAAC;AACvD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AACrC,OAAO,EAAC,qBAAqB,EAAC,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;~~AAO9D~~,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,~~CAAA;;;;CAIzC~~,CAAC;AAEF,kOAAkO;AAClO,oCAAoC;AACpC,2DAA2D;AAC3D,sCAAsC;AACtC,6EAA6E;AAC7E,+EAA+E;AAC/E,MAAM,CAAC,MAAM,aAAa,GAA2C,CAAC,EAAC,MAAM,EAAE,WAAW,EAAC,EAAE,EAAE;~~IAC3F~~,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACrE,MAAM,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAC,GAAG,qBAAqB,CAAC;QAC9E,MAAM,EAAE;YACJ,EAAE,EAAE,MAAM,CAAC,EAAE;YACb,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;SAC/B;QACD,WAAW;KACd,CAAC,CAAC;IAEH,IAAI,OAAO,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC/B,mCAAmC;QACnC,OAAO,KAAC,OAAO,KAAG,CAAC;IACvB,CAAC;IAED,IAAI,OAAO,EAAE,CAAC;QACV,gCAAgC;QAChC,OAAO,KAAC,YAAY,IAAC,OAAO,EAAE,CAAC,CAAC,+BAA+B,CAAC,GAAI,CAAC;IACzE,CAAC;IAED,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACpB,OAAO,CACH,KAAC,uBAAuB,cACpB,KAAC,aAAa,CAAC,IAAI,cAAE,CAAC,CAAC,8BAA8B,CAAC,GAAsB,GACtD,CAC7B,CAAC;IACN,CAAC;IAED,OAAO,CACH,KAAC,uBAAuB,~~cACpB~~,KAAC,uBAAuB,~~cACpB~~,MAAC,QAAQ,IAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,UAAU,aAClC,cAAc,IAAI,CACf,8BACK,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,KAAC,qBAAqB,IAAa,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,IAAvC,KAAK,CAAsC,CAC1E,CAAC,EACF,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,GAAI,IACrD,CACN,EACA,CAAC,cAAc,IAAI,KAAC,qBAAqB,IAAS,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,IAA9B,CAAC,CAAiC,EACjF,KAAK,GAAG,CAAC,IAAI,CACV,KAAC,SAAS,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC,cAAc,CAAC,YACjF,cAAc;4BACX,CAAC,CAAC,CAAC,CAAC,6BAA6B,EAAE,EAAC,KAAK,EAAC,CAAC;4BAC3C,CAAC,CAAC,CAAC,CAAC,6BAA6B,EAAE,EAAC,KAAK,EAAC,CAAC,GACvC,CACf,IACM,GACW,GACJ,CAC7B,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type IRecordIdentityWhoAmI} from '_ui/types';\nimport {KitButton, KitSpace, KitTypography} from 'aristid-ds';\nimport {type FunctionComponent, useState} from 'react';\nimport styled from 'styled-components';\nimport {ErrorDisplay} from '../ErrorDisplay';\nimport {Loading} from '../Loading';\nimport {ShowMore} from '../ShowMore';\nimport {useFetchRecordHistory} from './hooks/useFetchRecordHistory';\nimport {RecordHistoryGoUpButton} from './RecordHistoryGoUpButton';\nimport {RecordHistoryLogEntry} from './RecordHistoryLogEntry';\n\ninterface IRecordHistoryProps {\n record: IRecordIdentityWhoAmI;\n attributeId?: string;\n}\n\nconst StyledDivContentWrapper = styled.div`\n margin-top: calc(var(--general-spacing-xs) * 1px);\n flex: 1 1 0;\n overflow-y: auto;\n`;\n\n// TODO: This component should be moved to /apps/app-studio/src/modules/information-and-history/record-history/ when he will no longer be used by RecordSummary and ValuesSummary (those components will be removed in the future)\n// Also when component will be moved\n// - put together translations with information_and_history\n// - remove usage of styled-components\n// - instead of a record we could receive a recordId and a libraryId directly\n// - remove styling of StyledDivContentWrapper that will no longer be necessary\nexport const RecordHistory: FunctionComponent<IRecordHistoryProps> = ({record, attributeId}) => {\n const {t} = useSharedTranslation();\n const [showAllHistory, setShowAllHistory] = useState<boolean>(false);\n const {loading, inError, logs, total, hasMore, fetchMore} = useFetchRecordHistory({\n record: {\n id: record.id,\n libraryId: record.library.id,\n },\n attributeId,\n });\n\n if (loading && logs.length === 0) {\n // TODO: Add a better loading state\n return <Loading />;\n }\n\n if (inError) {\n //TODO: Add a better error state\n return <ErrorDisplay message={t('record_history.error_fetching')} />;\n }\n\n if (logs.length === 0) {\n return (\n <StyledDivContentWrapper>\n <KitTypography.Text>{t('record_history.empty_history')}</KitTypography.Text>\n </StyledDivContentWrapper>\n );\n }\n\n return (\n <StyledDivContentWrapper>\n <RecordHistoryGoUpButton>\n <KitSpace size=\"s\" direction=\"vertical\">\n {showAllHistory && (\n <>\n {logs.map((logEntry, index) => (\n <RecordHistoryLogEntry key={index} index={index} logEntry={logEntry} />\n ))}\n <ShowMore hasMore={hasMore} fetchMore={fetchMore} />\n </>\n )}\n {!showAllHistory && <RecordHistoryLogEntry key={0} index={0} logEntry={logs[0]} />}\n {total > 1 && (\n <KitButton type=\"secondary\" size=\"s\" onClick={() => setShowAllHistory(!showAllHistory)}>\n {showAllHistory\n ? t('record_history.hide_history', {total})\n : t('record_history.show_history', {total})}\n </KitButton>\n )}\n </KitSpace>\n </RecordHistoryGoUpButton>\n </StyledDivContentWrapper>\n );\n};\n\nexport default RecordHistory;\n"]}
1	+ {"version":3,"file":"RecordHistory.js","sourceRoot":"","sources":["../../../src/components/RecordHistory/RecordHistory.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type IRecordIdentityWhoAmI} from '_ui/types';\nimport {KitButton, KitSpace, KitTypography} from 'aristid-ds';\nimport {type FunctionComponent, useState} from 'react';\nimport styled from 'styled-components';\nimport {ErrorDisplay} from '../ErrorDisplay';\nimport {Loading} from '../Loading';\nimport {ShowMore} from '../ShowMore';\nimport {useFetchRecordHistory} from './hooks/useFetchRecordHistory';\nimport {RecordHistoryGoUpButton} from './RecordHistoryGoUpButton';\nimport {RecordHistoryLogEntry} from './RecordHistoryLogEntry';\n\ninterface IRecordHistoryProps {\n record: IRecordIdentityWhoAmI;\n attributeId?: string;\n noScroll?: boolean;\n}\n\nconst StyledDivContentWrapper = styled.div<{\n $scrollable?: boolean;\n}>`\n margin-top: calc(var(--general-spacing-xs) * 1px);\n flex: 1 1 0;\n overflow-y: ${props => (props.$scrollable ? 'auto' : 'unset')};\n`;\n\n// TODO: This component should be moved to /apps/app-studio/src/modules/information-and-history/record-history/ when he will no longer be used by RecordSummary and ValuesSummary (those components will be removed in the future)\n// Also when component will be moved\n// - put together translations with information_and_history\n// - remove usage of styled-components\n// - instead of a record we could receive a recordId and a libraryId directly\n// - remove styling of StyledDivContentWrapper that will no longer be necessary\nexport const RecordHistory: FunctionComponent<IRecordHistoryProps> = ({record, attributeId, noScroll}) => {\n const {t} = useSharedTranslation();\n const [showAllHistory, setShowAllHistory] = useState<boolean>(false);\n const {loading, inError, logs, total, hasMore, fetchMore} = useFetchRecordHistory({\n record: {\n id: record.id,\n libraryId: record.library.id,\n },\n attributeId,\n });\n\n if (loading && logs.length === 0) {\n // TODO: Add a better loading state\n return <Loading />;\n }\n\n if (inError) {\n //TODO: Add a better error state\n return <ErrorDisplay message={t('record_history.error_fetching')} />;\n }\n\n if (logs.length === 0) {\n return (\n <StyledDivContentWrapper>\n <KitTypography.Text>{t('record_history.empty_history')}</KitTypography.Text>\n </StyledDivContentWrapper>\n );\n }\n\n return (\n <StyledDivContentWrapper $scrollable={!noScroll}>\n <RecordHistoryGoUpButton disabled={noScroll}>\n <KitSpace size=\"s\" direction=\"vertical\">\n {showAllHistory && (\n <>\n {logs.map((logEntry, index) => (\n <RecordHistoryLogEntry key={index} index={index} logEntry={logEntry} />\n ))}\n <ShowMore hasMore={hasMore} fetchMore={fetchMore} />\n </>\n )}\n {!showAllHistory && <RecordHistoryLogEntry key={0} index={0} logEntry={logs[0]} />}\n {total > 1 && (\n <KitButton type=\"secondary\" size=\"s\" onClick={() => setShowAllHistory(!showAllHistory)}>\n {showAllHistory\n ? t('record_history.hide_history', {total})\n : t('record_history.show_history', {total})}\n </KitButton>\n )}\n </KitSpace>\n </RecordHistoryGoUpButton>\n </StyledDivContentWrapper>\n );\n};\n\nexport default RecordHistory;\n"]}

package/dist/components/RecordHistory/RecordHistoryGoUpButton.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import { type ReactNode } from 'react';
 interface IRecordHistoryGoUpButtonProps {
     children: ReactNode;
+    disabled?: boolean;
 }
 export declare const RecordHistoryGoUpButton: React.FC<IRecordHistoryGoUpButtonProps>;
 export default RecordHistoryGoUpButton;

package/dist/components/RecordHistory/RecordHistoryGoUpButton.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
@@ -14,14 +14,14 @@ const StyledKitButtonGoUp = styled(KitButton) `
     bottom: calc(var(--general-spacing-m) * 1px);
     z-index: 10;
 `;
-export const RecordHistoryGoUpButton = ({ children }) => {
+export const RecordHistoryGoUpButton = ({ disabled, children }) => {
     // cannot use detectScrollTopRef because it is not a ref to div but to a customRef to a callback
     const scrollTopRef = useRef(null);
     // Detect if the top of the list is visible or not
     // to show or hide the "go up" button
     const [detectScrollTopRef, detectScrollTopEntry] = useIntersectionObserver({ threshold: 0 });
     const showGoUpButton = !detectScrollTopEntry?.isIntersecting;
-    return (_jsxs("div", { ref: scrollTopRef, children: [_jsx("div", { ref: detectScrollTopRef }), children, showGoUpButton && (_jsx(StyledKitButtonGoUp, { type: "segmented", size: "m", icon: _jsx(FontAwesomeIcon, { icon: faAngleUp }), onClick: () => {
+    return disabled ? (_jsx(_Fragment, { children: children })) : (_jsxs("div", { ref: scrollTopRef, children: [_jsx("div", { ref: detectScrollTopRef }), children, showGoUpButton && (_jsx(StyledKitButtonGoUp, { type: "segmented", size: "m", icon: _jsx(FontAwesomeIcon, { icon: faAngleUp }), onClick: () => {
                     scrollTopRef.current?.scrollIntoView({ behavior: 'smooth' });
                 } }))] }));
 };

package/dist/components/RecordHistory/RecordHistoryGoUpButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RecordHistoryGoUpButton.js","sourceRoot":"","sources":["../../../src/components/RecordHistory/RecordHistoryGoUpButton.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,SAAS,EAAC,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,uBAAuB,EAAC,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAC,SAAS,EAAC,MAAM,YAAY,CAAC;AACrC,OAAO,EAAiB,MAAM,EAAC,MAAM,OAAO,CAAC;AAC7C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,mBAAmB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;;;;;CAK5C,CAAC;~~AAMF~~,MAAM,CAAC,MAAM,uBAAuB,GAA4C,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;~~IAC3F~~,gGAAgG;IAChG,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,kDAAkD;IAClD,qCAAqC;IACrC,MAAM,CAAC,kBAAkB,EAAE,oBAAoB,CAAC,GAAG,uBAAuB,CAAiB,EAAC,SAAS,EAAE,CAAC,EAAC,CAAC,CAAC;IAC3G,MAAM,cAAc,GAAG,CAAC,oBAAoB,EAAE,cAAc,CAAC;IAE7D,OAAO,~~CACH~~,eAAK,GAAG,EAAE,YAAY,aAClB,cAAK,GAAG,EAAE,kBAAkB,GAAI,EAC/B,QAAQ,EACR,cAAc,IAAI,CACf,KAAC,mBAAmB,IAChB,IAAI,EAAC,WAAW,EAChB,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,SAAS,GAAI,EAC1C,OAAO,EAAE,GAAG,EAAE;oBACV,YAAY,CAAC,OAAO,EAAE,cAAc,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC,CAAC;gBAC/D,CAAC,GACH,CACL,IACC,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {faAngleUp} from '@fortawesome/free-solid-svg-icons';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {useIntersectionObserver} from '@uidotdev/usehooks';\nimport {KitButton} from 'aristid-ds';\nimport {type ReactNode, useRef} from 'react';\nimport styled from 'styled-components';\n\nconst StyledKitButtonGoUp = styled(KitButton)`\n position: absolute;\n right: calc(var(--general-spacing-m) * 1px);\n bottom: calc(var(--general-spacing-m) * 1px);\n z-index: 10;\n`;\n\ninterface IRecordHistoryGoUpButtonProps {\n children: ReactNode;\n}\n\nexport const RecordHistoryGoUpButton: React.FC<IRecordHistoryGoUpButtonProps> = ({children}) => {\n // cannot use detectScrollTopRef because it is not a ref to div but to a customRef to a callback\n const scrollTopRef = useRef<HTMLDivElement>(null);\n\n // Detect if the top of the list is visible or not\n // to show or hide the \"go up\" button\n const [detectScrollTopRef, detectScrollTopEntry] = useIntersectionObserver<HTMLDivElement>({threshold: 0});\n const showGoUpButton = !detectScrollTopEntry?.isIntersecting;\n\n return (\n <div ref={scrollTopRef}>\n <div ref={detectScrollTopRef} />\n {children}\n {showGoUpButton && (\n <StyledKitButtonGoUp\n type=\"segmented\"\n size=\"m\"\n icon={<FontAwesomeIcon icon={faAngleUp} />}\n onClick={() => {\n scrollTopRef.current?.scrollIntoView({behavior: 'smooth'});\n }}\n />\n )}\n </div>\n );\n};\n\nexport default RecordHistoryGoUpButton;\n"]}
1	+ {"version":3,"file":"RecordHistoryGoUpButton.js","sourceRoot":"","sources":["../../../src/components/RecordHistory/RecordHistoryGoUpButton.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,SAAS,EAAC,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,uBAAuB,EAAC,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAC,SAAS,EAAC,MAAM,YAAY,CAAC;AACrC,OAAO,EAAiB,MAAM,EAAC,MAAM,OAAO,CAAC;AAC7C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,mBAAmB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;;;;;CAK5C,CAAC;AAOF,MAAM,CAAC,MAAM,uBAAuB,GAA4C,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAC,EAAE,EAAE;IACrG,gGAAgG;IAChG,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,kDAAkD;IAClD,qCAAqC;IACrC,MAAM,CAAC,kBAAkB,EAAE,oBAAoB,CAAC,GAAG,uBAAuB,CAAiB,EAAC,SAAS,EAAE,CAAC,EAAC,CAAC,CAAC;IAC3G,MAAM,cAAc,GAAG,CAAC,oBAAoB,EAAE,cAAc,CAAC;IAE7D,OAAO,QAAQ,CAAC,CAAC,CAAC,CACd,4BAAG,QAAQ,GAAI,CAClB,CAAC,CAAC,CAAC,CACA,eAAK,GAAG,EAAE,YAAY,aAClB,cAAK,GAAG,EAAE,kBAAkB,GAAI,EAC/B,QAAQ,EACR,cAAc,IAAI,CACf,KAAC,mBAAmB,IAChB,IAAI,EAAC,WAAW,EAChB,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,SAAS,GAAI,EAC1C,OAAO,EAAE,GAAG,EAAE;oBACV,YAAY,CAAC,OAAO,EAAE,cAAc,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC,CAAC;gBAC/D,CAAC,GACH,CACL,IACC,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {faAngleUp} from '@fortawesome/free-solid-svg-icons';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {useIntersectionObserver} from '@uidotdev/usehooks';\nimport {KitButton} from 'aristid-ds';\nimport {type ReactNode, useRef} from 'react';\nimport styled from 'styled-components';\n\nconst StyledKitButtonGoUp = styled(KitButton)`\n position: absolute;\n right: calc(var(--general-spacing-m) * 1px);\n bottom: calc(var(--general-spacing-m) * 1px);\n z-index: 10;\n`;\n\ninterface IRecordHistoryGoUpButtonProps {\n children: ReactNode;\n disabled?: boolean;\n}\n\nexport const RecordHistoryGoUpButton: React.FC<IRecordHistoryGoUpButtonProps> = ({disabled, children}) => {\n // cannot use detectScrollTopRef because it is not a ref to div but to a customRef to a callback\n const scrollTopRef = useRef<HTMLDivElement>(null);\n\n // Detect if the top of the list is visible or not\n // to show or hide the \"go up\" button\n const [detectScrollTopRef, detectScrollTopEntry] = useIntersectionObserver<HTMLDivElement>({threshold: 0});\n const showGoUpButton = !detectScrollTopEntry?.isIntersecting;\n\n return disabled ? (\n <>{children}</>\n ) : (\n <div ref={scrollTopRef}>\n <div ref={detectScrollTopRef} />\n {children}\n {showGoUpButton && (\n <StyledKitButtonGoUp\n type=\"segmented\"\n size=\"m\"\n icon={<FontAwesomeIcon icon={faAngleUp} />}\n onClick={() => {\n scrollTopRef.current?.scrollIntoView({behavior: 'smooth'});\n }}\n />\n )}\n </div>\n );\n};\n\nexport default RecordHistoryGoUpButton;\n"]}

package/dist/components/RecordHistory/RecordHistoryLogEntry.js CHANGED Viewed

@@ -23,13 +23,14 @@ export const RecordHistoryLogEntry = ({ index, logEntry }) => {
     const hasValue = (value) => value != null && 'asString' in value && value.asString != null;
     const hasBefore = hasValue(before);
     const hasAfter = hasValue(after);
+    const isKnownAttribute = (attr) => attr != null && 'multiple_values' in attr;
     const getUserString = () => {
-        const email = user?.properties[0]?.values[0]?.payload;
+        const email = user && 'properties' in user ? user.properties[0]?.values[0]?.payload : null;
         return email ? (_jsx(StyledLinkButton, { type: "link", href: `mailto:${email}`, children: email })) : (user?.id || t('record_history.unknown_user'));
     };
     const getDateString = () => dayjs.unix(time).format('DD/MM/YYYY HH:mm:ss'); // Maybe use https://day.js.org/docs/en/display/format#localized-formats if needed
     const getActionString = () => {
-        if (attribute?.multiple_values) {
+        if (isKnownAttribute(attribute) && attribute.multiple_values) {
             if (!hasBefore && hasAfter) {
                 return t('record_history.action.value_add');
             }
@@ -41,21 +42,22 @@ export const RecordHistoryLogEntry = ({ index, logEntry }) => {
     };
     const getAttributeLabel = () => localizedTranslation(attribute?.label, lang) || attribute?.id || t('record_history.unknown_attribute');
     const formatValue = (logData) => {
-        if (attribute?.format === AttributeFormat.rich_text || attribute?.format === AttributeFormat.extended) {
+        if (isKnownAttribute(attribute) &&
+            (attribute.format === AttributeFormat.rich_text || attribute.format === AttributeFormat.extended)) {
             return (_jsx(KitTypography.AdvancedParagraph, { size: "fontSize5", ellipsis: { rows: 4, expandable: true }, children: logData.asString }));
         }
         return _jsx(KitTypography.Text, { size: "fontSize5", children: logData.asString });
     };
     const formatValueChange = () => {
         const noValue = _jsx(KitTypography.Text, { size: "fontSize5", children: t('record_history.no_value') });
-        if (attribute?.format === AttributeFormat.extended) {
+        if (isKnownAttribute(attribute) && attribute.format === AttributeFormat.extended) {
             const diffs = getExtendedAttributeDiffs(hasValue(before) ? JSON.parse(before.asString) : undefined, hasValue(after) ? JSON.parse(after.asString) : undefined);
             return diffs.map(diff => (_jsxs(KitSpace, { size: "xxs", direction: "horizontal", wrap: true, children: [getExtendedAttributeLabels(diff.path, attribute
                         .embedded_fields, lang, t('record_history.unknown_attribute'))
                         .reverse()
                         .map((key, i, arr) => (_jsxs("span", { children: [_jsx("strong", { children: key }), i < arr.length - 1 && ` ${t('record_history.of')}`] }, key))), ":", diff.before !== null ? formatValue({ asString: diff.before }) : noValue, _jsx(KitTypography.Text, { size: "fontSize5", children: "\u2192" }), diff.after !== null ? formatValue({ asString: diff.after }) : noValue] })));
         }
-        if (attribute?.multiple_values) {
+        if (isKnownAttribute(attribute) && attribute.multiple_values) {
             const uniqValue = !hasBefore && hasAfter ? after : hasBefore && !hasAfter ? before : null;
             if (uniqValue != null) {
                 return (_jsx(KitSpace, { size: "xxs", direction: "horizontal", wrap: true, children: formatValue(uniqValue) }));

package/dist/components/RecordHistory/RecordHistoryLogEntry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RecordHistoryLogEntry.js","sourceRoot":"","sources":["../../../src/components/RecordHistory/RecordHistoryLogEntry.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {localizedTranslation} from '@leav/utils';\nimport {AttributeFormat, LogAction, type RecordHistoryLogAttributeStandardAttributeFragment} from '_ui/_gqlTypes';\nimport {useLang} from '_ui/hooks';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {KitButton, KitSpace, KitTypography} from 'aristid-ds';\nimport dayjs from 'dayjs';\nimport {type FunctionComponent} from 'react';\nimport {type LogEntry, type LogEntryAttribute, type LogEntryData, type LogEntryValue} from './_types';\nimport styled from 'styled-components';\nimport {type IEmbeddedField} from '_ui/components/RecordHistory/_queries/recordHistoryQuery';\nimport {\n getExtendedAttributeDiffs,\n getExtendedAttributeLabels,\n} from '_ui/components/RecordHistory/utils/extendedAttribute';\n\ninterface IRecordHistoryLogEntryProps {\n index: number;\n logEntry: LogEntry;\n}\n\nconst StyledLinkButton = styled(KitButton)`\n &[role='link'] {\n display: inline-flex;\n }\n`;\n\nexport const RecordHistoryLogEntry: FunctionComponent<IRecordHistoryLogEntryProps> = ({index, logEntry}) => {\n const {t} = useSharedTranslation();\n const {lang} = useLang();\n const {action, time, user, topic, before, after} = logEntry as LogEntryValue;\n const attribute: LogEntryAttribute \| undefined = topic?.attribute;\n\n const hasValue = (value: LogEntryData) => value != null && 'asString' in value && value.asString != null;\n const hasBefore = hasValue(before);\n const hasAfter = hasValue(after);\n\n const getUserString = () => {\n const email = user?.properties[0]?.values[0]?.payload;\n return email ? (\n <StyledLinkButton type=\"link\" href={`mailto:${email}`}>\n {email}\n </StyledLinkButton>\n ) : (\n user?.id \|\| t('record_history.unknown_user')\n );\n };\n const getDateString = () => dayjs.unix(time).format('DD/MM/YYYY HH:mm:ss'); // Maybe use https://day.js.org/docs/en/display/format#localized-formats if needed\n const getActionString = () => {\n if (attribute?.multiple_values) {\n if (!hasBefore && hasAfter) {\n return t('record_history.action.value_add');\n }\n if (hasBefore && !hasAfter) {\n return t('record_history.action.value_delete');\n }\n }\n return t('record_history.action.value_modify');\n };\n\n const getAttributeLabel = () =>\n localizedTranslation(attribute?.label, lang) \|\| attribute?.id \|\| t('record_history.unknown_attribute');\n\n const formatValue = (logData: LogEntryData) => {\n if (attribute?.format === AttributeFormat.rich_text \|\| attribute?.format === AttributeFormat.extended) {\n return (\n <KitTypography.AdvancedParagraph size=\"fontSize5\" ellipsis={{rows: 4, expandable: true}}>\n {logData.asString}\n </KitTypography.AdvancedParagraph>\n );\n }\n return <KitTypography.Text size=\"fontSize5\">{logData.asString}</KitTypography.Text>;\n };\n\n const formatValueChange = () => {\n const noValue = <KitTypography.Text size=\"fontSize5\">{t('record_history.no_value')}</KitTypography.Text>;\n\n if (attribute?.format === AttributeFormat.extended) {\n const diffs = getExtendedAttributeDiffs(\n hasValue(before) ? JSON.parse(before.asString) : undefined,\n hasValue(after) ? JSON.parse(after.asString) : undefined,\n );\n\n return diffs.map(diff => (\n <KitSpace size=\"xxs\" direction=\"horizontal\" wrap>\n {getExtendedAttributeLabels(\n diff.path,\n (attribute as RecordHistoryLogAttributeStandardAttributeFragment)\n .embedded_fields as IEmbeddedField[],\n lang,\n t('record_history.unknown_attribute'),\n )\n .reverse()\n .map((key, i, arr) => (\n <span key={key}>\n <strong>{key}</strong>\n {i < arr.length - 1 && ` ${t('record_history.of')}`}\n </span>\n ))}\n :{diff.before !== null ? formatValue({asString: diff.before}) : noValue}\n <KitTypography.Text size=\"fontSize5\">→</KitTypography.Text>\n {diff.after !== null ? formatValue({asString: diff.after}) : noValue}\n </KitSpace>\n ));\n }\n\n if (attribute?.multiple_values) {\n const uniqValue = !hasBefore && hasAfter ? after : hasBefore && !hasAfter ? before : null;\n\n if (uniqValue != null) {\n return (\n <KitSpace size=\"xxs\" direction=\"horizontal\" wrap>\n {formatValue(uniqValue)}\n </KitSpace>\n );\n }\n }\n\n return (\n <KitSpace size=\"xxs\" direction=\"horizontal\" wrap>\n {hasBefore ? formatValue(before) : noValue}\n <KitTypography.Text size=\"fontSize5\">→</KitTypography.Text>\n {hasAfter ? formatValue(after) : noValue}\n </KitSpace>\n );\n };\n\n switch (action) {\n case LogAction.VALUE_SAVE:\n case LogAction.VALUE_DELETE:\n return (\n <KitSpace key={index} size=\"xxs\" direction=\"vertical\">\n <KitTypography.Text size=\"fontSize5\">\n {getUserString()} {getActionString()} <strong>{getAttributeLabel()}</strong>\n </KitTypography.Text>\n <KitTypography.Text size=\"fontSize5\">{getDateString()}</KitTypography.Text>\n {formatValueChange()}\n </KitSpace>\n );\n }\n};\n\nexport default RecordHistoryLogEntry;\n"]}
1	+ {"version":3,"file":"RecordHistoryLogEntry.js","sourceRoot":"","sources":["../../../src/components/RecordHistory/RecordHistoryLogEntry.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {localizedTranslation} from '@leav/utils';\nimport {AttributeFormat, LogAction, type RecordHistoryLogAttributeStandardAttributeFragment} from '_ui/_gqlTypes';\nimport {useLang} from '_ui/hooks';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {KitButton, KitSpace, KitTypography} from 'aristid-ds';\nimport dayjs from 'dayjs';\nimport {type FunctionComponent} from 'react';\nimport {type LogEntry, type LogEntryAttribute, type LogEntryData, type LogEntryValue} from './_types';\nimport styled from 'styled-components';\nimport {type IEmbeddedField} from '_ui/components/RecordHistory/_queries/recordHistoryQuery';\nimport {\n getExtendedAttributeDiffs,\n getExtendedAttributeLabels,\n} from '_ui/components/RecordHistory/utils/extendedAttribute';\n\ninterface IRecordHistoryLogEntryProps {\n index: number;\n logEntry: LogEntry;\n}\n\nconst StyledLinkButton = styled(KitButton)`\n &[role='link'] {\n display: inline-flex;\n }\n`;\n\nexport const RecordHistoryLogEntry: FunctionComponent<IRecordHistoryLogEntryProps> = ({index, logEntry}) => {\n const {t} = useSharedTranslation();\n const {lang} = useLang();\n const {action, time, user, topic, before, after} = logEntry as LogEntryValue;\n const attribute: LogEntryAttribute \| undefined = topic?.attribute;\n\n const hasValue = (value: LogEntryData) => value != null && 'asString' in value && value.asString != null;\n const hasBefore = hasValue(before);\n const hasAfter = hasValue(after);\n const isKnownAttribute = (attr: typeof attribute): attr is Extract<typeof attribute, {multiple_values: boolean}> =>\n attr != null && 'multiple_values' in attr;\n\n const getUserString = () => {\n const email = user && 'properties' in user ? user.properties[0]?.values[0]?.payload : null;\n return email ? (\n <StyledLinkButton type=\"link\" href={`mailto:${email}`}>\n {email}\n </StyledLinkButton>\n ) : (\n user?.id \|\| t('record_history.unknown_user')\n );\n };\n const getDateString = () => dayjs.unix(time).format('DD/MM/YYYY HH:mm:ss'); // Maybe use https://day.js.org/docs/en/display/format#localized-formats if needed\n const getActionString = () => {\n if (isKnownAttribute(attribute) && attribute.multiple_values) {\n if (!hasBefore && hasAfter) {\n return t('record_history.action.value_add');\n }\n if (hasBefore && !hasAfter) {\n return t('record_history.action.value_delete');\n }\n }\n return t('record_history.action.value_modify');\n };\n\n const getAttributeLabel = () =>\n localizedTranslation(attribute?.label, lang) \|\| attribute?.id \|\| t('record_history.unknown_attribute');\n\n const formatValue = (logData: LogEntryData) => {\n if (\n isKnownAttribute(attribute) &&\n (attribute.format === AttributeFormat.rich_text \|\| attribute.format === AttributeFormat.extended)\n ) {\n return (\n <KitTypography.AdvancedParagraph size=\"fontSize5\" ellipsis={{rows: 4, expandable: true}}>\n {logData.asString}\n </KitTypography.AdvancedParagraph>\n );\n }\n return <KitTypography.Text size=\"fontSize5\">{logData.asString}</KitTypography.Text>;\n };\n\n const formatValueChange = () => {\n const noValue = <KitTypography.Text size=\"fontSize5\">{t('record_history.no_value')}</KitTypography.Text>;\n\n if (isKnownAttribute(attribute) && attribute.format === AttributeFormat.extended) {\n const diffs = getExtendedAttributeDiffs(\n hasValue(before) ? JSON.parse(before.asString) : undefined,\n hasValue(after) ? JSON.parse(after.asString) : undefined,\n );\n\n return diffs.map(diff => (\n <KitSpace size=\"xxs\" direction=\"horizontal\" wrap>\n {getExtendedAttributeLabels(\n diff.path,\n (attribute as RecordHistoryLogAttributeStandardAttributeFragment)\n .embedded_fields as IEmbeddedField[],\n lang,\n t('record_history.unknown_attribute'),\n )\n .reverse()\n .map((key, i, arr) => (\n <span key={key}>\n <strong>{key}</strong>\n {i < arr.length - 1 && ` ${t('record_history.of')}`}\n </span>\n ))}\n :{diff.before !== null ? formatValue({asString: diff.before}) : noValue}\n <KitTypography.Text size=\"fontSize5\">→</KitTypography.Text>\n {diff.after !== null ? formatValue({asString: diff.after}) : noValue}\n </KitSpace>\n ));\n }\n\n if (isKnownAttribute(attribute) && attribute.multiple_values) {\n const uniqValue = !hasBefore && hasAfter ? after : hasBefore && !hasAfter ? before : null;\n\n if (uniqValue != null) {\n return (\n <KitSpace size=\"xxs\" direction=\"horizontal\" wrap>\n {formatValue(uniqValue)}\n </KitSpace>\n );\n }\n }\n\n return (\n <KitSpace size=\"xxs\" direction=\"horizontal\" wrap>\n {hasBefore ? formatValue(before) : noValue}\n <KitTypography.Text size=\"fontSize5\">→</KitTypography.Text>\n {hasAfter ? formatValue(after) : noValue}\n </KitSpace>\n );\n };\n\n switch (action) {\n case LogAction.VALUE_SAVE:\n case LogAction.VALUE_DELETE:\n return (\n <KitSpace key={index} size=\"xxs\" direction=\"vertical\">\n <KitTypography.Text size=\"fontSize5\">\n {getUserString()} {getActionString()} <strong>{getAttributeLabel()}</strong>\n </KitTypography.Text>\n <KitTypography.Text size=\"fontSize5\">{getDateString()}</KitTypography.Text>\n {formatValueChange()}\n </KitSpace>\n );\n }\n};\n\nexport default RecordHistoryLogEntry;\n"]}

package/dist/components/RecordHistory/_queries/recordHistoryQuery.js CHANGED Viewed

@@ -5,14 +5,32 @@ import { gqlUnchecked } from '../../../_utils';
 import { getEmbeddedFields } from '../../../_queries/attributes/getAttributeWithEmbeddedFields';
 export const recordHistoryLogAttributeFragment = (depthEmbeddedFields) => `
     attribute {
-        id
-        label
-        type
-        format
-        multiple_values
         ... on StandardAttribute {
+            id
+            label
+            type
+            format
+            multiple_values
             ${getEmbeddedFields(depthEmbeddedFields)}
         }
+        ... on LinkAttribute {
+            id
+            label
+            type
+            format
+            multiple_values
+        }
+        ... on TreeAttribute {
+            id
+            label
+            type
+            format
+            multiple_values
+        }
+        ... on LogUnknownEntity {
+            id
+            label
+        }
     }
 `;
 const RecordHistoryLogEntryFragment = (depthAttributeEmbeddedFields) => `
@@ -23,21 +41,27 @@ const RecordHistoryLogEntryFragment = (depthAttributeEmbeddedFields) => `
             ${recordHistoryLogAttributeFragment(depthAttributeEmbeddedFields)}
         }
         user {
-            id
-            whoAmI { # Don't know why, but frontend need that to load record !
+            ... on Record {
                 id
-                library {
+                whoAmI { # Don't know why, but frontend need that to load record !
                     id
+                    library {
+                        id
+                    }
                 }
-            }
-            properties(attributeIds: ["email"]) {
-                attributeId
-                values {
-                ... on Value {
-                        payload
+                properties(attributeIds: ["email"]) {
+                    attributeId
+                    values {
+                        ... on Value {
+                            payload
+                        }
                     }
                 }
             }
+            ... on LogUnknownEntity {
+                id
+                label
+            }
         }
         before {
             asString

package/dist/components/RecordHistory/_queries/recordHistoryQuery.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"recordHistoryQuery.js","sourceRoot":"","sources":["../../../../src/components/RecordHistory/_queries/recordHistoryQuery.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,YAAY,EAAC,MAAM,YAAY,CAAC;AACxC,OAAO,EAAC,iBAAiB,EAAC,MAAM,wDAAwD,CAAC;AAQzF,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAAC,mBAA2B,EAAE,EAAE,CAAC;;;;;;;;cAQpE,iBAAiB,CAAC,mBAAmB,CAAC~~;;;CAGnD~~,CAAC;AAEF,MAAM,6BAA6B,GAAG,CAAC,4BAAoC,EAAE,EAAE,CAAC;;;;;cAKlE,iCAAiC,CAAC,4BAA4B,CAAC~~;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B5E~~,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,+BAAuC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAA;;;;;;;;;;cAUjF,6BAA6B,CAAC,4BAA4B,CAAC;;;CAGxE,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {gqlUnchecked} from '_ui/_utils';\nimport {getEmbeddedFields} from '_ui/_queries/attributes/getAttributeWithEmbeddedFields';\n\nexport interface IEmbeddedField {\n id: string;\n label: Record<string, string>;\n embedded_fields?: IEmbeddedField[];\n}\n\nexport const recordHistoryLogAttributeFragment = (depthEmbeddedFields: number) => `\n attribute {\n id\n label\n type\n format\n multiple_values\n ... on ~~StandardAttribute~~ {\n ~~${getEmbeddedFields(depthEmbeddedFields)~~}\n }\n }\n`;\n\nconst RecordHistoryLogEntryFragment = (depthAttributeEmbeddedFields: number) => `\n logs {\n action\n time\n topic {\n ${recordHistoryLogAttributeFragment(depthAttributeEmbeddedFields)}\n }\n user {\n id\n whoAmI { # Don't know why, but frontend need that to load record !\n id\n library {\n id\n }\n }\n properties(attributeIds: [\"email\"]) {\n attributeId\n values {\n ... on Value {\n payload\n }\n }\n }\n }\n before {\n asString\n }\n after {\n asString\n }\n }\n`;\n\nexport const getRecordHistoryQuery = (depthAttributeEmbeddedFields: number = 0) => gqlUnchecked`\n query getRecordHistory($record: LogTopicRecordFilterInput!, $attributeId: String, $actions: [LogAction!], $pagination: Pagination) {\n logs(filters: {\n topic: {\n record: $record,\n attribute: $attributeId\n },\n actions: $actions,\n }, pagination: $pagination) {\n total\n ${RecordHistoryLogEntryFragment(depthAttributeEmbeddedFields)}\n }\n }\n`;\n"]}
1	+ {"version":3,"file":"recordHistoryQuery.js","sourceRoot":"","sources":["../../../../src/components/RecordHistory/_queries/recordHistoryQuery.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,YAAY,EAAC,MAAM,YAAY,CAAC;AACxC,OAAO,EAAC,iBAAiB,EAAC,MAAM,wDAAwD,CAAC;AAQzF,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAAC,mBAA2B,EAAE,EAAE,CAAC;;;;;;;;cAQpE,iBAAiB,CAAC,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;;;;CAqBnD,CAAC;AAEF,MAAM,6BAA6B,GAAG,CAAC,4BAAoC,EAAE,EAAE,CAAC;;;;;cAKlE,iCAAiC,CAAC,4BAA4B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgC5E,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,+BAAuC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAA;;;;;;;;;;cAUjF,6BAA6B,CAAC,4BAA4B,CAAC;;;CAGxE,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {gqlUnchecked} from '_ui/_utils';\nimport {getEmbeddedFields} from '_ui/_queries/attributes/getAttributeWithEmbeddedFields';\n\nexport interface IEmbeddedField {\n id: string;\n label: Record<string, string>;\n embedded_fields?: IEmbeddedField[];\n}\n\nexport const recordHistoryLogAttributeFragment = (depthEmbeddedFields: number) => `\n attribute {\n ... on StandardAttribute {\n id\n label\n type\n format\n multiple_values\n ${getEmbeddedFields(depthEmbeddedFields)}\n }\n ... on LinkAttribute {\n id\n label\n type\n format\n multiple_values\n }\n ... on TreeAttribute {\n id\n label\n type\n format\n multiple_values\n }\n ... on LogUnknownEntity {\n id\n label\n }\n }\n`;\n\nconst RecordHistoryLogEntryFragment = (depthAttributeEmbeddedFields: number) => `\n logs {\n action\n time\n topic {\n ${recordHistoryLogAttributeFragment(depthAttributeEmbeddedFields)}\n }\n user {\n ... on Record {\n id\n whoAmI { # Don't know why, but frontend need that to load record !\n id\n library {\n id\n }\n }\n properties(attributeIds: [\"email\"]) {\n attributeId\n values {\n ... on Value {\n payload\n }\n }\n }\n }\n ... on LogUnknownEntity {\n id\n label\n }\n }\n before {\n asString\n }\n after {\n asString\n }\n }\n`;\n\nexport const getRecordHistoryQuery = (depthAttributeEmbeddedFields: number = 0) => gqlUnchecked`\n query getRecordHistory($record: LogTopicRecordFilterInput!, $attributeId: String, $actions: [LogAction!], $pagination: Pagination) {\n logs(filters: {\n topic: {\n record: $record,\n attribute: $attributeId\n },\n actions: $actions,\n }, pagination: $pagination) {\n total\n ${RecordHistoryLogEntryFragment(depthAttributeEmbeddedFields)}\n }\n }\n`;\n"]}

package/dist/components/RecordHistory/_types.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import { type RecordHistoryLogAttributeFragment, type RecordHistoryLogEntryFragment } from '../../_gqlTypes';
+import { type RecordHistoryLogEntryFragment } from '../../_gqlTypes';
 export type LogEntry = RecordHistoryLogEntryFragment;
 export type LogEntryValue = Extract<LogEntry, {
     before?: any;
     after?: any;
 }>;
-export type LogEntryAttribute = RecordHistoryLogAttributeFragment;
+export type LogEntryAttribute = NonNullable<NonNullable<LogEntryValue['topic']>['attribute']>;
 export type LogEntryData = LogEntryValue['before'] | LogEntryValue['after'];

package/dist/components/RecordHistory/_types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"_types.js","sourceRoot":"","sources":["../../../src/components/RecordHistory/_types.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type ~~RecordHistoryLogAttributeFragment, type~~ RecordHistoryLogEntryFragment} from '_ui/_gqlTypes';\n\nexport type LogEntry = RecordHistoryLogEntryFragment;\nexport type LogEntryValue = Extract<LogEntry, {before?: any; after?: any}>;\nexport type LogEntryAttribute = ~~RecordHistoryLogAttributeFragment;\~~nexport type LogEntryData = LogEntryValue['before'] \| LogEntryValue['after'];\n"]}
1	+ {"version":3,"file":"_types.js","sourceRoot":"","sources":["../../../src/components/RecordHistory/_types.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type RecordHistoryLogEntryFragment} from '_ui/_gqlTypes';\n\nexport type LogEntry = RecordHistoryLogEntryFragment;\nexport type LogEntryValue = Extract<LogEntry, {before?: any; after?: any}>;\nexport type LogEntryAttribute = NonNullable<NonNullable<LogEntryValue['topic']>['attribute']>;\nexport type LogEntryData = LogEntryValue['before'] \| LogEntryValue['after'];\n"]}

package/dist/components/SearchModal/SearchModal.js CHANGED Viewed

@@ -1,31 +1,19 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { Modal } from 'antd';
-import { useState } from 'react';
-import { LibraryItemsList } from '../../components';
 import { ErrorDisplayTypes } from '../../constants';
 import useGetLibraryDetailExtendedQuery from '../../hooks/useGetLibraryDetailExtendedQuery/useGetLibraryDetailExtendedQuery';
 import { useSharedTranslation } from '../../hooks/useSharedTranslation';
 import { ErrorDisplay } from '../ErrorDisplay';
 import { Loading } from '../Loading';
+import { Explorer } from '../Explorer';
+import { KitModal } from 'aristid-ds';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faPlus, faXmark } from '@fortawesome/free-solid-svg-icons';
 export const SearchModal = ({ visible, setVisible, submitAction, libId }) => {
     const { t } = useSharedTranslation();
-    const [selection, setSelection] = useState({ selected: [], allSelected: false });
     const _handleModalClose = () => {
         setVisible(false);
     };
-    const _handleOk = () => {
-        submitAction(selection);
-        _handleModalClose();
-    };
-    const _handleSelectionChange = (newSelection) => {
-        setSelection(newSelection);
-    };
-    const renderModal = (content) => (_jsx(Modal, { open: visible, onCancel: _handleModalClose, width: "95vw", styles: { body: { height: '90vh', overflow: 'hidden' } }, style: {
-            top: '1rem',
-        }, onOk: _handleOk, okText: t('global.apply'), cancelText: t('global.cancel'), children: content }));
+    const renderModal = (content) => (_jsx(KitModal, { isOpen: visible, height: "60vh", width: "70vw", title: t('record_edition.add_value'), closeIcon: _jsx(FontAwesomeIcon, { icon: faXmark }), showCloseIcon: true, destroyOnClose: true, close: _handleModalClose, children: content }));
     const { loading, data, error } = useGetLibraryDetailExtendedQuery({ library: libId });
     if (loading) {
         return renderModal(_jsx(Loading, {}));
@@ -39,7 +27,29 @@ export const SearchModal = ({ visible, setVisible, submitAction, libId }) => {
     if (!data.libraries.list[0].permissions.access_library) {
         return _jsx(ErrorDisplay, { type: ErrorDisplayTypes.PERMISSION_ERROR, showActionButton: false });
     }
-    return renderModal(_jsx("div", { style: { position: 'relative' }, children: _jsx(LibraryItemsList, { selectionMode: true, library: data.libraries.list[0], style: { height: 'calc(100vh - 11rem)' }, onSelectChange: _handleSelectionChange }) }));
+    return renderModal(_jsx(Explorer, { entrypoint: {
+            type: 'library',
+            libraryId: data.libraries.list[0].id,
+        }, showSearch: true, showFilters: true, showSorts: true, defaultActionsForItem: [], defaultPrimaryActions: [], defaultMassActions: [], massActions: [
+            {
+                label: t('global.add'),
+                icon: _jsx(FontAwesomeIcon, { icon: faPlus }),
+                deselectAll: true,
+                callback: (_, massSelection) => {
+                    submitAction({
+                        selected: massSelection === 'all'
+                            ? []
+                            : massSelection.map(selectedRecord => ({
+                                id: String(selectedRecord),
+                                label: String(selectedRecord),
+                                library: libId,
+                            })),
+                        allSelected: massSelection === 'all',
+                    });
+                    _handleModalClose();
+                },
+            },
+        ] }));
 };
 export default SearchModal;
 //# sourceMappingURL=SearchModal.js.map