@leav/ui 1.10.0-2393a231 → 1.10.0-27adc94e

package/dist/components/Explorer/_queries/useExplorerCountData.js

@@ -6,15 +6,14 @@ import { prepareFiltersForRequest } from '../../../components/Filters';
 import { useMemo } from 'react';
 export const useExplorerCountData = ({ entrypoint, libraryId, defaultFilters, filters, skip, }) => {
     const isLibrary = entrypoint.type === 'library';
-    const activeFilters = prepareFiltersForRequest(filters.filter(f => f.field === 'active'));
-    const defaultPreparedFilters = prepareFiltersForRequest(defaultFilters);
-    const appliedFilters = [...activeFilters, ...defaultPreparedFilters];
+    const activeFilter = filters.find(f => f.field === 'active');
+    const preparedFilters = prepareFiltersForRequest(activeFilter ? [...defaultFilters, activeFilter] : defaultFilters);
     const { data: countData, refetch: refetchCount } = useExplorerLibraryCountDataQuery({
         fetchPolicy: 'network-only',
         skip: skip || !isLibrary,
         variables: {
             libraryId,
-            filters: appliedFilters,
+            filters: preparedFilters,
         },
     });
     const memoizedCountData = useMemo(() => countData?.records?.totalCount ?? 0, [countData]);

package/dist/components/Explorer/_queries/useExplorerCountData.js.map

@@ -1 +1 @@
-{"version":3,"file":"useExplorerCountData.js","sourceRoot":"","sources":["../../../../src/components/Explorer/_queries/useExplorerCountData.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAyB,gCAAgC,EAAC,MAAM,eAAe,CAAC;AACvF,OAAO,EAAgB,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAE/E,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAE9B,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACjC,UAAU,EACV,SAAS,EACT,cAAc,EACd,OAAO,EACP,IAAI,GAOP,EAAE,EAAE;IACD,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,KAAK,SAAS,CAAC;IAChD,MAAM,aAAa,GAAG,wBAAwB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC;IAC1F,MAAM,sBAAsB,GAAG,wBAAwB,CAAC,cAAc,CAAC,CAAC;IAExE,MAAM,cAAc,GAAwB,CAAC,GAAG,aAAa,EAAE,GAAG,sBAAsB,CAAC,CAAC;IAE1F,MAAM,EAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAC,GAAG,gCAAgC,CAAC;QAC9E,WAAW,EAAE,cAAc;QAC3B,IAAI,EAAE,IAAI,IAAI,CAAC,SAAS;QACxB,SAAS,EAAE;YACP,SAAS;YACT,OAAO,EAAE,cAAc;SAC1B;KACJ,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAE1F,OAAO;QACH,SAAS,EAAE,iBAAiB;QAC5B,YAAY;KACf,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type RecordFilterInput, useExplorerLibraryCountDataQuery} from '_ui/_gqlTypes';\nimport {type UIFilter, prepareFiltersForRequest} from '_ui/components/Filters';\nimport {type Entrypoint} from '../_types';\nimport {useMemo} from 'react';\n\nexport const useExplorerCountData = ({\n    entrypoint,\n    libraryId,\n    defaultFilters,\n    filters,\n    skip,\n}: {\n    entrypoint: Entrypoint;\n    libraryId: string;\n    defaultFilters: UIFilter[];\n    filters: UIFilter[];\n    skip?: boolean;\n}) => {\n    const isLibrary = entrypoint.type === 'library';\n    const activeFilters = prepareFiltersForRequest(filters.filter(f => f.field === 'active'));\n    const defaultPreparedFilters = prepareFiltersForRequest(defaultFilters);\n\n    const appliedFilters: RecordFilterInput[] = [...activeFilters, ...defaultPreparedFilters];\n\n    const {data: countData, refetch: refetchCount} = useExplorerLibraryCountDataQuery({\n        fetchPolicy: 'network-only',\n        skip: skip || !isLibrary,\n        variables: {\n            libraryId,\n            filters: appliedFilters,\n        },\n    });\n\n    const memoizedCountData = useMemo(() => countData?.records?.totalCount ?? 0, [countData]);\n\n    return {\n        countData: memoizedCountData,\n        refetchCount,\n    };\n};\n"]}
+{"version":3,"file":"useExplorerCountData.js","sourceRoot":"","sources":["../../../../src/components/Explorer/_queries/useExplorerCountData.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAyB,gCAAgC,EAAC,MAAM,eAAe,CAAC;AACvF,OAAO,EAAgB,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAE/E,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAE9B,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACjC,UAAU,EACV,SAAS,EACT,cAAc,EACd,OAAO,EACP,IAAI,GAOP,EAAE,EAAE;IACD,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,KAAK,SAAS,CAAC;IAChD,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC;IAC7D,MAAM,eAAe,GAAG,wBAAwB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;IAEpH,MAAM,EAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAC,GAAG,gCAAgC,CAAC;QAC9E,WAAW,EAAE,cAAc;QAC3B,IAAI,EAAE,IAAI,IAAI,CAAC,SAAS;QACxB,SAAS,EAAE;YACP,SAAS;YACT,OAAO,EAAE,eAAe;SAC3B;KACJ,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAE1F,OAAO;QACH,SAAS,EAAE,iBAAiB;QAC5B,YAAY;KACf,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type RecordFilterInput, useExplorerLibraryCountDataQuery} from '_ui/_gqlTypes';\nimport {type UIFilter, prepareFiltersForRequest} from '_ui/components/Filters';\nimport {type Entrypoint} from '../_types';\nimport {useMemo} from 'react';\n\nexport const useExplorerCountData = ({\n    entrypoint,\n    libraryId,\n    defaultFilters,\n    filters,\n    skip,\n}: {\n    entrypoint: Entrypoint;\n    libraryId: string;\n    defaultFilters: UIFilter[];\n    filters: UIFilter[];\n    skip?: boolean;\n}) => {\n    const isLibrary = entrypoint.type === 'library';\n    const activeFilter = filters.find(f => f.field === 'active');\n    const preparedFilters = prepareFiltersForRequest(activeFilter ? [...defaultFilters, activeFilter] : defaultFilters);\n\n    const {data: countData, refetch: refetchCount} = useExplorerLibraryCountDataQuery({\n        fetchPolicy: 'network-only',\n        skip: skip || !isLibrary,\n        variables: {\n            libraryId,\n            filters: preparedFilters,\n        },\n    });\n\n    const memoizedCountData = useMemo(() => countData?.records?.totalCount ?? 0, [countData]);\n\n    return {\n        countData: memoizedCountData,\n        refetchCount,\n    };\n};\n"]}

package/dist/components/Filters/filter-items/filter-type/FilterValueListDropDown.js

@@ -22,12 +22,13 @@ const OptionRow = styled.div `
     justify-content: space-between;
     padding: 0 calc(var(--general-spacing-s) * 1px);
     height: 36px;
+    border: 1px solid transparent;
     border-radius: calc(var(--general-spacing-xs) * 1px);
     cursor: pointer;
     background: ${props => (props.$selected ? 'var(--general-utilities-main-light)' : 'transparent')};
     color: var(--general-utilities-text-primary);
     &:hover {
-        background: var(--general-utilities-main-light);
+        border: 1px solid var(--general-utilities-main-default);
     }
 `;
 export const FilterValueListDropDown = ({ filter, onFilterChange }) => {

package/dist/components/Filters/filter-items/filter-type/FilterValueListDropDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterValueListDropDown.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/FilterValueListDropDown.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 FunctionComponent, type KeyboardEvent, type MouseEvent, useMemo, useState} from 'react';\nimport {KitCheckbox, KitInput} from 'aristid-ds';\nimport styled from 'styled-components';\nimport {RecordFilterCondition} from '_ui/_gqlTypes';\nimport {\n    isUIFilterLinkWithValueList,\n    isUIFilterStandardWithValueList,\n    type IUIFilterValueList,\n    type UIFilter,\n} from '../../_types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faSearch} from '@fortawesome/free-solid-svg-icons';\nimport {EmptyValueCheckbox} from '../shared/EmptyValueCheckbox';\n\ninterface IFilterValueListDropDownProps {\n    filter: IUIFilterValueList;\n    onFilterChange: (filter: UIFilter) => void;\n}\n\nconst ListDivStyled = styled.div`\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--general-spacing-xxs) * 1px);\n`;\n\nconst OptionRow = styled.div<{$selected: boolean}>`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 calc(var(--general-spacing-s) * 1px);\n    height: 36px;\n    border-radius: calc(var(--general-spacing-xs) * 1px);\n    cursor: pointer;\n    background: ${props => (props.$selected ? 'var(--general-utilities-main-light)' : 'transparent')};\n    color: var(--general-utilities-text-primary);\n    &:hover {\n        background: var(--general-utilities-main-light);\n    }\n`;\n\nexport const FilterValueListDropDown: FunctionComponent<IFilterValueListDropDownProps> = ({filter, onFilterChange}) => {\n    const {t} = useSharedTranslation();\n    const [searchText, setSearchText] = useState('');\n\n    const getOptionLabelText = (label: any): string => (typeof label === 'string' ? label : '');\n\n    // Generate an option list for the filter dropdown to select a value\n    const _createOptionListFromValueList = () => {\n        let valueListFormatted: Array<{label: string; value: string}> = [];\n        if (isUIFilterStandardWithValueList(filter)) {\n            valueListFormatted =\n                filter.attribute.valuesList?.values?.map(value => ({\n                    label: value,\n                    value,\n                })) || [];\n        } else if (isUIFilterLinkWithValueList(filter)) {\n            valueListFormatted =\n                filter.attribute.valuesList?.linkedValues?.map(value => ({\n                    label: value.whoAmI.label!,\n                    value: value.id,\n                })) || [];\n        }\n\n        return [...valueListFormatted];\n    };\n\n    const _handleOnCheckEmptyValue = (selected: boolean) => {\n        onFilterChange({\n            ...filter,\n            withEmptyValues: selected,\n        });\n    };\n\n    const _handleToggle = (toggledValue: string) => {\n        // remove or add the toggledValue from the filter.value\n        const currentList = filter.value || [];\n        const current = new Set(currentList);\n        if (current.has(toggledValue)) {\n            current.delete(toggledValue);\n        } else {\n            current.add(toggledValue);\n        }\n        const valuesSelected = Array.from(current);\n\n        if (valuesSelected.length === 0) {\n            // Clear filter when nothing selected\n            onFilterChange({\n                ...filter,\n                value: [],\n                field: (filter as any).field,\n            });\n            return;\n        }\n\n        onFilterChange({\n            ...filter,\n            condition: RecordFilterCondition.EQUAL,\n            value: valuesSelected,\n        });\n    };\n\n    const options = _createOptionListFromValueList();\n\n    const isChecked = (optionValue: string) => {\n        const set = new Set(filter.value ?? []);\n        return set.has(optionValue);\n    };\n\n    const filteredOptions = useMemo(() => {\n        if (!searchText) {\n            return options;\n        }\n        const st = searchText.toLowerCase();\n        const specials = new Set(['']);\n        return options.filter(o => specials.has(o.value) || getOptionLabelText(o.label).toLowerCase().includes(st));\n    }, [options, searchText]);\n\n    const onKeyToggle = (e: KeyboardEvent<HTMLElement>, value: string) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            _handleToggle(value);\n        }\n    };\n\n    const onClickOptionRow = (e: MouseEvent<HTMLDivElement>, value: string) => {\n        e.preventDefault();\n        _handleToggle(value);\n    };\n\n    return (\n        <>\n            <KitInput\n                prefix={<FontAwesomeIcon icon={faSearch} />}\n                placeholder={t('global.search')}\n                value={searchText}\n                onChange={e => setSearchText(e.target.value)}\n                allowClear\n            />\n            <EmptyValueCheckbox onSelect={_handleOnCheckEmptyValue} filter={filter} />\n            <ListDivStyled role=\"group\" aria-label={String(t('explorer.filter-value'))}>\n                {filteredOptions.map(opt => {\n                    const selected = isChecked(opt.value);\n                    return (\n                        <OptionRow\n                            key={opt.value}\n                            $selected={selected}\n                            role=\"button\"\n                            aria-pressed={selected}\n                            tabIndex={0}\n                            onClick={e => onClickOptionRow(e, opt.value)}\n                            onKeyDown={e => onKeyToggle(e, opt.value)}\n                        >\n                            <KitCheckbox checked={selected} aria-label={opt.label}>\n                                {opt.label}\n                            </KitCheckbox>\n                        </OptionRow>\n                    );\n                })}\n            </ListDivStyled>\n        </>\n    );\n};\n"]}
+{"version":3,"file":"FilterValueListDropDown.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/FilterValueListDropDown.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 FunctionComponent, type KeyboardEvent, type MouseEvent, useMemo, useState} from 'react';\nimport {KitCheckbox, KitInput} from 'aristid-ds';\nimport styled from 'styled-components';\nimport {RecordFilterCondition} from '_ui/_gqlTypes';\nimport {\n    isUIFilterLinkWithValueList,\n    isUIFilterStandardWithValueList,\n    type IUIFilterValueList,\n    type UIFilter,\n} from '../../_types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faSearch} from '@fortawesome/free-solid-svg-icons';\nimport {EmptyValueCheckbox} from '../shared/EmptyValueCheckbox';\n\ninterface IFilterValueListDropDownProps {\n    filter: IUIFilterValueList;\n    onFilterChange: (filter: UIFilter) => void;\n}\n\nconst ListDivStyled = styled.div`\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--general-spacing-xxs) * 1px);\n`;\n\nconst OptionRow = styled.div<{$selected: boolean}>`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 calc(var(--general-spacing-s) * 1px);\n    height: 36px;\n    border: 1px solid transparent;\n    border-radius: calc(var(--general-spacing-xs) * 1px);\n    cursor: pointer;\n    background: ${props => (props.$selected ? 'var(--general-utilities-main-light)' : 'transparent')};\n    color: var(--general-utilities-text-primary);\n    &:hover {\n        border: 1px solid var(--general-utilities-main-default);\n    }\n`;\n\nexport const FilterValueListDropDown: FunctionComponent<IFilterValueListDropDownProps> = ({filter, onFilterChange}) => {\n    const {t} = useSharedTranslation();\n    const [searchText, setSearchText] = useState('');\n\n    const getOptionLabelText = (label: any): string => (typeof label === 'string' ? label : '');\n\n    // Generate an option list for the filter dropdown to select a value\n    const _createOptionListFromValueList = () => {\n        let valueListFormatted: Array<{label: string; value: string}> = [];\n        if (isUIFilterStandardWithValueList(filter)) {\n            valueListFormatted =\n                filter.attribute.valuesList?.values?.map(value => ({\n                    label: value,\n                    value,\n                })) || [];\n        } else if (isUIFilterLinkWithValueList(filter)) {\n            valueListFormatted =\n                filter.attribute.valuesList?.linkedValues?.map(value => ({\n                    label: value.whoAmI.label!,\n                    value: value.id,\n                })) || [];\n        }\n\n        return [...valueListFormatted];\n    };\n\n    const _handleOnCheckEmptyValue = (selected: boolean) => {\n        onFilterChange({\n            ...filter,\n            withEmptyValues: selected,\n        });\n    };\n\n    const _handleToggle = (toggledValue: string) => {\n        // remove or add the toggledValue from the filter.value\n        const currentList = filter.value || [];\n        const current = new Set(currentList);\n        if (current.has(toggledValue)) {\n            current.delete(toggledValue);\n        } else {\n            current.add(toggledValue);\n        }\n        const valuesSelected = Array.from(current);\n\n        if (valuesSelected.length === 0) {\n            // Clear filter when nothing selected\n            onFilterChange({\n                ...filter,\n                value: [],\n                field: (filter as any).field,\n            });\n            return;\n        }\n\n        onFilterChange({\n            ...filter,\n            condition: RecordFilterCondition.EQUAL,\n            value: valuesSelected,\n        });\n    };\n\n    const options = _createOptionListFromValueList();\n\n    const isChecked = (optionValue: string) => {\n        const set = new Set(filter.value ?? []);\n        return set.has(optionValue);\n    };\n\n    const filteredOptions = useMemo(() => {\n        if (!searchText) {\n            return options;\n        }\n        const st = searchText.toLowerCase();\n        const specials = new Set(['']);\n        return options.filter(o => specials.has(o.value) || getOptionLabelText(o.label).toLowerCase().includes(st));\n    }, [options, searchText]);\n\n    const onKeyToggle = (e: KeyboardEvent<HTMLElement>, value: string) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            _handleToggle(value);\n        }\n    };\n\n    const onClickOptionRow = (e: MouseEvent<HTMLDivElement>, value: string) => {\n        e.preventDefault();\n        _handleToggle(value);\n    };\n\n    return (\n        <>\n            <KitInput\n                prefix={<FontAwesomeIcon icon={faSearch} />}\n                placeholder={t('global.search')}\n                value={searchText}\n                onChange={e => setSearchText(e.target.value)}\n                allowClear\n            />\n            <EmptyValueCheckbox onSelect={_handleOnCheckEmptyValue} filter={filter} />\n            <ListDivStyled role=\"group\" aria-label={String(t('explorer.filter-value'))}>\n                {filteredOptions.map(opt => {\n                    const selected = isChecked(opt.value);\n                    return (\n                        <OptionRow\n                            key={opt.value}\n                            $selected={selected}\n                            role=\"button\"\n                            aria-pressed={selected}\n                            tabIndex={0}\n                            onClick={e => onClickOptionRow(e, opt.value)}\n                            onKeyDown={e => onKeyToggle(e, opt.value)}\n                        >\n                            <KitCheckbox checked={selected} aria-label={opt.label}>\n                                {opt.label}\n                            </KitCheckbox>\n                        </OptionRow>\n                    );\n                })}\n            </ListDivStyled>\n        </>\n    );\n};\n"]}

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

@@ -13,6 +13,7 @@ interface IEditRecordProps {
     onCreate?: (newRecord: RecordIdentityFragment['whoAmI']) => void;
     valuesVersion?: IValueVersion;
     showSidebar?: boolean;
+    scrollAllRecordSummary?: boolean;
     enableSidebar?: boolean;
     sidebarContainer?: HTMLElement;
     forceDisableSidebarInAppStudio?: boolean;

package/dist/components/RecordEdition/EditRecord/EditRecord.js

@@ -34,7 +34,7 @@ const Content = styled.div `
     overflow-y: scroll;
     border-right: ${props => props.$shouldUseLayoutWithSidebar ? '1px solid var(--general-utilities-border)' : 'none'};
 `;
-export const EditRecord = ({ antdForm, formId, isFormCreationMode, formElementId, record, library: libraryId, onCreate, valuesVersion, enableSidebar = false, showSidebar = false, sidebarContainer, forceDisableSidebarInAppStudio = false, containerStyle, withInfoButton, removePadding = false, }) => {
+export const EditRecord = ({ antdForm, formId, isFormCreationMode, formElementId, record, library: libraryId, onCreate, valuesVersion, enableSidebar = false, showSidebar = false, scrollAllRecordSummary = false, sidebarContainer, forceDisableSidebarInAppStudio = false, containerStyle, withInfoButton, removePadding = false, }) => {
     const [state, dispatch] = useReducer(editRecordReducer, {
         ...initialState,
         record,
@@ -138,6 +138,6 @@ export const EditRecord = ({ antdForm, formId, isFormCreationMode, formElementId
         return saveValues(record, valuesToSave, version, true);
     };
     const shouldUseLayoutWithSidebar = state.enableSidebar && state.isOpenSidebar && sidebarContainer === undefined && !forceDisableSidebarInAppStudio;
-    return (_jsx(ErrorBoundary, { children: _jsx(EditRecordReducerContext.Provider, { value: { state, dispatch }, children: _jsxs(Container, { "$shouldUseLayoutWithSidebar": shouldUseLayoutWithSidebar, style: containerStyle, children: [_jsx(EditRecordButtons, {}), _jsx(Content, { className: "edit-record-content-container", "$shouldUseLayoutWithSidebar": shouldUseLayoutWithSidebar, "$removePadding": removePadding, children: permissionsLoading ? (_jsx(EditRecordSkeleton, { rows: 5 })) : canEdit ? (_jsx(EditRecordContent, { antdForm: antdForm, formId: formId, isFormCreationMode: isFormCreationMode, formElementId: formElementId, record: record, library: libraryId, onRecordSubmit: _handleRecordSubmit, onValueSubmit: _handleValueSubmit, onValueDelete: deleteValue, onDeleteMultipleValues: _handleDeleteAllValues, readonly: isReadOnly })) : (_jsx(ErrorDisplay, { type: ErrorDisplayTypes.PERMISSION_ERROR, showActionButton: false })) }), !forceDisableSidebarInAppStudio && _jsx(EditRecordSidebar, { sidebarContainer: sidebarContainer })] }) }) }));
+    return (_jsx(ErrorBoundary, { children: _jsx(EditRecordReducerContext.Provider, { value: { state, dispatch }, children: _jsxs(Container, { "$shouldUseLayoutWithSidebar": shouldUseLayoutWithSidebar, style: containerStyle, children: [_jsx(EditRecordButtons, {}), _jsx(Content, { className: "edit-record-content-container", "$shouldUseLayoutWithSidebar": shouldUseLayoutWithSidebar, "$removePadding": removePadding, children: permissionsLoading ? (_jsx(EditRecordSkeleton, { rows: 5 })) : canEdit ? (_jsx(EditRecordContent, { antdForm: antdForm, formId: formId, isFormCreationMode: isFormCreationMode, formElementId: formElementId, record: record, library: libraryId, onRecordSubmit: _handleRecordSubmit, onValueSubmit: _handleValueSubmit, onValueDelete: deleteValue, onDeleteMultipleValues: _handleDeleteAllValues, readonly: isReadOnly })) : (_jsx(ErrorDisplay, { type: ErrorDisplayTypes.PERMISSION_ERROR, showActionButton: false })) }), !forceDisableSidebarInAppStudio && (_jsx(EditRecordSidebar, { sidebarContainer: sidebarContainer, scrollAllRecordSummary: scrollAllRecordSummary }))] }) }) }));
 };
 //# sourceMappingURL=EditRecord.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditRecord.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecord/EditRecord.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAyB,SAAS,EAAE,UAAU,EAAC,MAAM,OAAO,CAAC;AACpE,OAAO,MAAwB,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAC,iBAAiB,EAAC,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EACH,aAAa,EAGb,4BAA4B,GAC/B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAChD,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,6BAA6B,MAAM,0DAA0D,CAAC;AACrG,OAAO,yBAAyB,MAAM,6DAA6D,CAAC;AASpG,OAAO,iBAAiB,EAAE,EAAC,6BAA6B,EAAE,YAAY,EAAC,MAAM,wCAAwC,CAAC;AACtH,OAAO,EAAC,wBAAwB,EAAC,MAAM,+CAA+C,CAAC;AAEvF,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAC,mBAAmB,EAAC,MAAM,4CAA4C,CAAC;AAC/E,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AAoBrD,MAAM,YAAY,GAAG,OAAO,CAAC;AAE7B,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAA0D;;6BAEzD,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC,CAAC,mBAAmB,YAAY,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;2BAC1F,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,WAAW,CAAC;;CAE1G,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAiE;;eAE5E,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;;;oBAG7C,KAAK,CAAC,EAAE,CACpB,KAAK,CAAC,2BAA2B,CAAC,CAAC,CAAC,2CAA2C,CAAC,CAAC,CAAC,MAAM;CAC/F,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAwC,CAAC,EAC5D,QAAQ,EACR,MAAM,EACN,kBAAkB,EAClB,aAAa,EACb,MAAM,EACN,OAAO,EAAE,SAAS,EAClB,QAAQ,EACR,aAAa,EACb,aAAa,GAAG,KAAK,EACrB,WAAW,GAAG,KAAK,EACnB,gBAAgB,EAChB,8BAA8B,GAAG,KAAK,EACtC,cAAc,EACd,cAAc,EACd,aAAa,GAAG,KAAK,GACxB,EAAE,EAAE;IACD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,iBAAiB,EAAE;QACpD,GAAG,YAAY;QACf,MAAM;QACN,SAAS;QACT,YAAY,EAAE,IAAI;QAClB,aAAa;QACb,mBAAmB,EAAE,aAAa;QAClC,cAAc;KACjB,CAAC,CAAC;IAEH,MAAM,EACF,OAAO,EAAE,kBAAkB,EAC3B,OAAO,EACP,UAAU,GACb,GAAG,gBAAgB,CAAC,EAAC,GAAG,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAC,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC;IAEtE,MAAM,EAAC,IAAI,EAAE,WAAW,EAAC,GAAG,QAAQ,CAAC,mBAAmB,EAAE;QACtD,SAAS,EAAE,EAAC,EAAE,EAAE,CAAC,SAAS,CAAC,EAAC;KAC/B,CAAC,CAAC;IAEH,MAAM,EAAC,UAAU,EAAC,GAAG,yBAAyB,EAAE,CAAC;IACjD,MAAM,EAAC,WAAW,EAAC,GAAG,6BAA6B,CAAC,MAAM,CAAC,CAAC;IAC5D,MAAM,CAAC,yBAAyB,CAAC,GAAG,4BAA4B,EAAE,CAAC;IAEnE,sGAAsG;IACtG,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,WAAW,EAAE,CAAC;YACd,QAAQ,CAAC;gBACL,IAAI,EAAE,6BAA6B,CAAC,iBAAiB;gBACrD,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK;aAC7C,CAAC,CAAC;QACP,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,MAAM,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;YAC3C,QAAQ,CAAC;gBACL,IAAI,EAAE,6BAA6B,CAAC,UAAU;gBAC9C,MAAM;aACT,CAAC,CAAC;QACP,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,SAAS,CAAC,GAAG,EAAE;QACX,QAAQ,CAAC;YACL,IAAI,EAAE,6BAA6B,CAAC,kBAAkB;YACtD,OAAO,EAAE,aAAa;SACzB,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,SAAS,CAAC,GAAG,EAAE;QACX,QAAQ,CAAC;YACL,IAAI,EAAE,6BAA6B,CAAC,mBAAmB;YACvD,MAAM,EAAE,WAAW;SACtB,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,kBAAkB,GAAoB,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,CAClE,UAAU,CACN,MAAM,EACN,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;QACb,MAAM,YAAY,GAAG,EAAC,GAAG,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,CAAC,QAAQ,EAAC,CAAC;QAEnF,IAAI,GAAG,CAAC,KAAK,EAAE,CAAC;YACZ,QAAQ,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;gBACzB,KAAK,aAAa,CAAC,aAAa,CAAC;gBACjC,KAAK,aAAa,CAAC,WAAW;oBAC1B,YAAY,CAAC,KAAK,GAAI,GAA2B,CAAC,KAAK,CAAC,EAAE,CAAC;oBAC3D,MAAM;gBACV,KAAK,aAAa,CAAC,IAAI;oBACnB,YAAY,CAAC,KAAK,GAAI,GAA2B,CAAC,KAAK,CAAC,EAAE,CAAC;oBAC3D,MAAM;gBACV;oBACI,YAAY,CAAC,KAAK,GAAI,GAA+B,CAAC,KAAK,CAAC;oBAC5D,MAAM;YACd,CAAC;QACL,CAAC;QAED,OAAO,YAA8B,CAAC;IAC1C,CAAC,CAAC,EACF,OAAO,EACP,IAAI,CACP,CAAC;IAEN;;OAEG;IACH,MAAM,mBAAmB,GAAG,KAAK,EAAE,UAA0D,EAAE,EAAE;QAC7F,MAAM,uBAAuB,GAAG,MAAM,yBAAyB,CAAC;YAC5D,WAAW,EAAE,cAAc;YAC3B,SAAS,EAAE;gBACP,SAAS;gBACT,QAAQ,EAAE,MAAM,CAAC,EAAE;gBACnB,MAAM;aACT;SACJ,CAAC,CAAC;QACH,MAAM,MAAM,GAAG,uBAAuB,EAAE,IAAI,EAAE,iBAAiB,CAAC,YAAY,CAAC;QAC7E,IAAI,MAAM,IAAI,IAAI,IAAI,MAAM,EAAE,MAAM,KAAK,CAAC,EAAE,CAAC;YACzC,IAAI,QAAQ,EAAE,CAAC;gBACX,QAAQ,CAAC,uBAAuB,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;YAC/E,CAAC;YACD,OAAO;QACX,CAAC;QACD,QAAQ,CAAC,SAAS,CACd,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YACf,MAAM,gBAAgB,GAAG,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;YAExF,MAAM,+BAA+B,GACjC,gBAAgB,EAAE,eAAe;gBACjC,CAAC,CAAC,aAAa,CAAC,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;YAE9F,OAAO;gBACH,IAAI,EACA,+BAA+B,IAAI,KAAK,CAAC,IAAI,KAAK,oBAAoB;oBAClE,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;oBACtB,CAAC,CAAC,KAAK,CAAC,SAAS;gBACzB,MAAM,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC;aAC1B,CAAC;QACN,CAAC,CAAC,CACL,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAA6B,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE;QAC1F,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YACtC,OAAO,EAAE,KAAK,CAAC,QAAQ;YACvB,SAAS;YACT,KAAK,EAAE,IAAI;SACd,CAAC,CAAC,CAAC;QAEJ,OAAO,UAAU,CAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,MAAM,0BAA0B,GAC5B,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,aAAa,IAAI,gBAAgB,KAAK,SAAS,IAAI,CAAC,8BAA8B,CAAC;IAEpH,OAAO,CACH,KAAC,aAAa,cACV,KAAC,wBAAwB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,KAAK,EAAE,QAAQ,EAAC,YACvD,MAAC,SAAS,mCAA8B,0BAA0B,EAAE,KAAK,EAAE,cAAc,aACrF,KAAC,iBAAiB,KAAG,EACrB,KAAC,OAAO,IACJ,SAAS,EAAC,+BAA+B,iCACZ,0BAA0B,oBACvC,aAAa,YAE5B,kBAAkB,CAAC,CAAC,CAAC,CAClB,KAAC,kBAAkB,IAAC,IAAI,EAAE,CAAC,GAAI,CAClC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACV,KAAC,iBAAiB,IACd,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,kBAAkB,EAAE,kBAAkB,EACtC,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,SAAS,EAClB,cAAc,EAAE,mBAAmB,EACnC,aAAa,EAAE,kBAAkB,EACjC,aAAa,EAAE,WAAW,EAC1B,sBAAsB,EAAE,sBAAsB,EAC9C,QAAQ,EAAE,UAAU,GACtB,CACL,CAAC,CAAC,CAAC,CACA,KAAC,YAAY,IAAC,IAAI,EAAE,iBAAiB,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,KAAK,GAAI,CACtF,GACK,EACT,CAAC,8BAA8B,IAAI,KAAC,iBAAiB,IAAC,gBAAgB,EAAE,gBAAgB,GAAI,IACrF,GACoB,GACxB,CACnB,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport isEqual from 'lodash/isEqual';\nimport {type FunctionComponent, useEffect, useReducer} from 'react';\nimport styled, {type CSSObject} from 'styled-components';\nimport {ErrorDisplayTypes} from '../../../constants';\nimport {useCanEditRecord} from '../../../hooks/useCanEditRecord';\nimport {type IValueVersion} from '../../../types/values';\nimport {\n    AttributeType,\n    type RecordFormAttributeStandardAttributeFragment,\n    type RecordIdentityFragment,\n    useActivateNewRecordMutation,\n} from '../../../_gqlTypes';\nimport {ErrorBoundary} from '../../ErrorBoundary';\nimport {ErrorDisplay} from '../../ErrorDisplay';\nimport EditRecordContent from '../EditRecordContent';\nimport useExecuteDeleteValueMutation from '../EditRecordContent/hooks/useExecuteDeleteValueMutation';\nimport useSaveValueBatchMutation from '../EditRecordContent/hooks/useExecuteSaveValueBatchMutation';\nimport {\n    type DeleteMultipleValuesFunc,\n    type ISubmittedValueLink,\n    type ISubmittedValueStandard,\n    type ISubmittedValueTree,\n    type IValueToSubmit,\n    type SubmitValueFunc,\n} from '../EditRecordContent/_types';\nimport editRecordReducer, {EditRecordReducerActionsTypes, initialState} from '../editRecordReducer/editRecordReducer';\nimport {EditRecordReducerContext} from '../editRecordReducer/editRecordReducerContext';\nimport {type FormInstance} from 'antd/lib/form/Form';\nimport EditRecordSidebar from '../EditRecordSidebar';\nimport EditRecordSkeleton from '../EditRecordSkeleton';\nimport {useQuery} from '@apollo/client';\nimport {getLibraryByIdQuery} from '_ui/_queries/libraries/getLibraryByIdQuery';\nimport EditRecordButtons from '../EditRecordButtons';\n\ninterface IEditRecordProps {\n    antdForm: FormInstance;\n    formId: string;\n    isFormCreationMode: boolean;\n    formElementId?: string;\n    record: RecordIdentityFragment['whoAmI'] | null;\n    library: string;\n    onCreate?: (newRecord: RecordIdentityFragment['whoAmI']) => void;\n    valuesVersion?: IValueVersion;\n    showSidebar?: boolean; // TODO: Should be removed when sidebar is fully removed from EditRecord\n    enableSidebar?: boolean; // TODO: Should be removed when sidebar is fully removed from EditRecord\n    sidebarContainer?: HTMLElement; // TODO: Should be removed when sidebar is fully removed from EditRecord\n    forceDisableSidebarInAppStudio?: boolean; // TODO: Should be removed when sidebar is fully removed from EditRecord\n    containerStyle?: CSSObject;\n    withInfoButton: boolean;\n    removePadding?: boolean; // TODO: This prop should be remove when EditRecord will be moved to app-studio or data-studio deleted\n}\n\nconst sidebarWidth = '352px';\n\nconst Container = styled.div<{$shouldUseLayoutWithSidebar: boolean; style: CSSObject}>`\n    display: grid;\n    grid-template-columns: ${props => (props.$shouldUseLayoutWithSidebar ? `minmax(0, auto) ${sidebarWidth}` : '1fr')};\n    grid-template-areas: ${props => (props.$shouldUseLayoutWithSidebar ? '\"content sidebar\"' : '\"content\"')};\n    overflow: hidden;\n`;\n\nconst Content = styled.div<{$shouldUseLayoutWithSidebar: boolean; $removePadding: boolean}>`\n    grid-area: content;\n    padding: ${props => (props.$removePadding ? 'unset' : '24px')};\n    overflow-x: hidden;\n    overflow-y: scroll;\n    border-right: ${props =>\n        props.$shouldUseLayoutWithSidebar ? '1px solid var(--general-utilities-border)' : 'none'};\n`;\n\nexport const EditRecord: FunctionComponent<IEditRecordProps> = ({\n    antdForm,\n    formId,\n    isFormCreationMode,\n    formElementId,\n    record,\n    library: libraryId,\n    onCreate,\n    valuesVersion,\n    enableSidebar = false,\n    showSidebar = false,\n    sidebarContainer,\n    forceDisableSidebarInAppStudio = false,\n    containerStyle,\n    withInfoButton,\n    removePadding = false,\n}) => {\n    const [state, dispatch] = useReducer(editRecordReducer, {\n        ...initialState,\n        record,\n        libraryId,\n        libraryLabel: null,\n        valuesVersion,\n        originValuesVersion: valuesVersion,\n        withInfoButton,\n    });\n\n    const {\n        loading: permissionsLoading,\n        canEdit,\n        isReadOnly,\n    } = useCanEditRecord({...record?.library, id: libraryId}, record?.id);\n\n    const {data: libraryData} = useQuery(getLibraryByIdQuery, {\n        variables: {id: [libraryId]},\n    });\n\n    const {saveValues} = useSaveValueBatchMutation();\n    const {deleteValue} = useExecuteDeleteValueMutation(record);\n    const [activateNewRecordMutation] = useActivateNewRecordMutation();\n\n    // Update record in reducer when it changes. Might happen on record identity change (after value save)\n    useEffect(() => {\n        if (libraryData) {\n            dispatch({\n                type: EditRecordReducerActionsTypes.SET_LIBRARY_LABEL,\n                label: libraryData.libraries.list[0].label,\n            });\n        }\n    }, [libraryData]);\n\n    useEffect(() => {\n        if (record && !isEqual(record, state.record)) {\n            dispatch({\n                type: EditRecordReducerActionsTypes.SET_RECORD,\n                record,\n            });\n        }\n    }, [record]);\n\n    useEffect(() => {\n        dispatch({\n            type: EditRecordReducerActionsTypes.SET_ENABLE_SIDEBAR,\n            enabled: enableSidebar,\n        });\n    }, [enableSidebar]);\n\n    useEffect(() => {\n        dispatch({\n            type: EditRecordReducerActionsTypes.SET_SIDEBAR_IS_OPEN,\n            isOpen: showSidebar,\n        });\n    }, [showSidebar]);\n\n    const _handleValueSubmit: SubmitValueFunc = async (values, version) =>\n        saveValues(\n            record,\n            values.map(val => {\n                const savableValue = {...val, attribute: val.attribute.id, metadata: val.metadata};\n\n                if (val.value) {\n                    switch (val.attribute.type) {\n                        case AttributeType.advanced_link:\n                        case AttributeType.simple_link:\n                            savableValue.value = (val as ISubmittedValueLink).value.id;\n                            break;\n                        case AttributeType.tree:\n                            savableValue.value = (val as ISubmittedValueTree).value.id;\n                            break;\n                        default:\n                            savableValue.value = (val as ISubmittedValueStandard).value;\n                            break;\n                    }\n                }\n\n                return savableValue as IValueToSubmit;\n            }),\n            version,\n            true, // deleteEmpty\n        );\n\n    /**\n     * Submit the whole record: create record and batch save all stored values\n     */\n    const _handleRecordSubmit = async (attributes: RecordFormAttributeStandardAttributeFragment[]) => {\n        const activateNewRecordResult = await activateNewRecordMutation({\n            fetchPolicy: 'network-only',\n            variables: {\n                libraryId,\n                recordId: record.id,\n                formId,\n            },\n        });\n        const errors = activateNewRecordResult?.data?.activateNewRecord.valuesErrors;\n        if (errors == null || errors?.length === 0) {\n            if (onCreate) {\n                onCreate(activateNewRecordResult?.data?.activateNewRecord?.record?.whoAmI);\n            }\n            return;\n        }\n        antdForm.setFields(\n            errors.map(error => {\n                const attributeInError = attributes.find(attribute => attribute.id === error.attribute);\n\n                const doesAttributeHaveMultipleFields =\n                    attributeInError?.multiple_values &&\n                    ![AttributeType.simple_link, AttributeType.advanced_link].includes(attributeInError.type);\n\n                return {\n                    name:\n                        doesAttributeHaveMultipleFields && error.type === 'REQUIRED_ATTRIBUTE'\n                            ? [error.attribute, 0]\n                            : error.attribute,\n                    errors: [error.message],\n                };\n            }),\n        );\n    };\n\n    const _handleDeleteAllValues: DeleteMultipleValuesFunc = async (attribute, values, version) => {\n        const valuesToSave = values.map(value => ({\n            idValue: value.id_value,\n            attribute,\n            value: null,\n        }));\n\n        return saveValues(record, valuesToSave, version, true);\n    };\n\n    const shouldUseLayoutWithSidebar =\n        state.enableSidebar && state.isOpenSidebar && sidebarContainer === undefined && !forceDisableSidebarInAppStudio;\n\n    return (\n        <ErrorBoundary>\n            <EditRecordReducerContext.Provider value={{state, dispatch}}>\n                <Container $shouldUseLayoutWithSidebar={shouldUseLayoutWithSidebar} style={containerStyle}>\n                    <EditRecordButtons />\n                    <Content\n                        className=\"edit-record-content-container\"\n                        $shouldUseLayoutWithSidebar={shouldUseLayoutWithSidebar}\n                        $removePadding={removePadding}\n                    >\n                        {permissionsLoading ? (\n                            <EditRecordSkeleton rows={5} />\n                        ) : canEdit ? (\n                            <EditRecordContent\n                                antdForm={antdForm}\n                                formId={formId}\n                                isFormCreationMode={isFormCreationMode}\n                                formElementId={formElementId}\n                                record={record}\n                                library={libraryId}\n                                onRecordSubmit={_handleRecordSubmit}\n                                onValueSubmit={_handleValueSubmit}\n                                onValueDelete={deleteValue}\n                                onDeleteMultipleValues={_handleDeleteAllValues}\n                                readonly={isReadOnly}\n                            />\n                        ) : (\n                            <ErrorDisplay type={ErrorDisplayTypes.PERMISSION_ERROR} showActionButton={false} />\n                        )}\n                    </Content>\n                    {!forceDisableSidebarInAppStudio && <EditRecordSidebar sidebarContainer={sidebarContainer} />}\n                </Container>\n            </EditRecordReducerContext.Provider>\n        </ErrorBoundary>\n    );\n};\n"]}
+{"version":3,"file":"EditRecord.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecord/EditRecord.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 isEqual from 'lodash/isEqual';\nimport {type FunctionComponent, useEffect, useReducer} from 'react';\nimport styled, {type CSSObject} from 'styled-components';\nimport {ErrorDisplayTypes} from '../../../constants';\nimport {useCanEditRecord} from '../../../hooks/useCanEditRecord';\nimport {type IValueVersion} from '../../../types/values';\nimport {\n    AttributeType,\n    type RecordFormAttributeStandardAttributeFragment,\n    type RecordIdentityFragment,\n    useActivateNewRecordMutation,\n} from '../../../_gqlTypes';\nimport {ErrorBoundary} from '../../ErrorBoundary';\nimport {ErrorDisplay} from '../../ErrorDisplay';\nimport EditRecordContent from '../EditRecordContent';\nimport useExecuteDeleteValueMutation from '../EditRecordContent/hooks/useExecuteDeleteValueMutation';\nimport useSaveValueBatchMutation from '../EditRecordContent/hooks/useExecuteSaveValueBatchMutation';\nimport {\n    type DeleteMultipleValuesFunc,\n    type ISubmittedValueLink,\n    type ISubmittedValueStandard,\n    type ISubmittedValueTree,\n    type IValueToSubmit,\n    type SubmitValueFunc,\n} from '../EditRecordContent/_types';\nimport editRecordReducer, {EditRecordReducerActionsTypes, initialState} from '../editRecordReducer/editRecordReducer';\nimport {EditRecordReducerContext} from '../editRecordReducer/editRecordReducerContext';\nimport {type FormInstance} from 'antd/lib/form/Form';\nimport EditRecordSidebar from '../EditRecordSidebar';\nimport EditRecordSkeleton from '../EditRecordSkeleton';\nimport {useQuery} from '@apollo/client';\nimport {getLibraryByIdQuery} from '_ui/_queries/libraries/getLibraryByIdQuery';\nimport EditRecordButtons from '../EditRecordButtons';\n\ninterface IEditRecordProps {\n    antdForm: FormInstance;\n    formId: string;\n    isFormCreationMode: boolean;\n    formElementId?: string;\n    record: RecordIdentityFragment['whoAmI'] | null;\n    library: string;\n    onCreate?: (newRecord: RecordIdentityFragment['whoAmI']) => void;\n    valuesVersion?: IValueVersion;\n    showSidebar?: boolean; // TODO: Should be removed when sidebar is fully removed from EditRecord\n    scrollAllRecordSummary?: boolean;\n    enableSidebar?: boolean; // TODO: Should be removed when sidebar is fully removed from EditRecord\n    sidebarContainer?: HTMLElement; // TODO: Should be removed when sidebar is fully removed from EditRecord\n    forceDisableSidebarInAppStudio?: boolean; // TODO: Should be removed when sidebar is fully removed from EditRecord\n    containerStyle?: CSSObject;\n    withInfoButton: boolean;\n    removePadding?: boolean; // TODO: This prop should be remove when EditRecord will be moved to app-studio or data-studio deleted\n}\n\nconst sidebarWidth = '352px';\n\nconst Container = styled.div<{$shouldUseLayoutWithSidebar: boolean; style: CSSObject}>`\n    display: grid;\n    grid-template-columns: ${props => (props.$shouldUseLayoutWithSidebar ? `minmax(0, auto) ${sidebarWidth}` : '1fr')};\n    grid-template-areas: ${props => (props.$shouldUseLayoutWithSidebar ? '\"content sidebar\"' : '\"content\"')};\n    overflow: hidden;\n`;\n\nconst Content = styled.div<{$shouldUseLayoutWithSidebar: boolean; $removePadding: boolean}>`\n    grid-area: content;\n    padding: ${props => (props.$removePadding ? 'unset' : '24px')};\n    overflow-x: hidden;\n    overflow-y: scroll;\n    border-right: ${props =>\n        props.$shouldUseLayoutWithSidebar ? '1px solid var(--general-utilities-border)' : 'none'};\n`;\n\nexport const EditRecord: FunctionComponent<IEditRecordProps> = ({\n    antdForm,\n    formId,\n    isFormCreationMode,\n    formElementId,\n    record,\n    library: libraryId,\n    onCreate,\n    valuesVersion,\n    enableSidebar = false,\n    showSidebar = false,\n    scrollAllRecordSummary = false,\n    sidebarContainer,\n    forceDisableSidebarInAppStudio = false,\n    containerStyle,\n    withInfoButton,\n    removePadding = false,\n}) => {\n    const [state, dispatch] = useReducer(editRecordReducer, {\n        ...initialState,\n        record,\n        libraryId,\n        libraryLabel: null,\n        valuesVersion,\n        originValuesVersion: valuesVersion,\n        withInfoButton,\n    });\n\n    const {\n        loading: permissionsLoading,\n        canEdit,\n        isReadOnly,\n    } = useCanEditRecord({...record?.library, id: libraryId}, record?.id);\n\n    const {data: libraryData} = useQuery(getLibraryByIdQuery, {\n        variables: {id: [libraryId]},\n    });\n\n    const {saveValues} = useSaveValueBatchMutation();\n    const {deleteValue} = useExecuteDeleteValueMutation(record);\n    const [activateNewRecordMutation] = useActivateNewRecordMutation();\n\n    // Update record in reducer when it changes. Might happen on record identity change (after value save)\n    useEffect(() => {\n        if (libraryData) {\n            dispatch({\n                type: EditRecordReducerActionsTypes.SET_LIBRARY_LABEL,\n                label: libraryData.libraries.list[0].label,\n            });\n        }\n    }, [libraryData]);\n\n    useEffect(() => {\n        if (record && !isEqual(record, state.record)) {\n            dispatch({\n                type: EditRecordReducerActionsTypes.SET_RECORD,\n                record,\n            });\n        }\n    }, [record]);\n\n    useEffect(() => {\n        dispatch({\n            type: EditRecordReducerActionsTypes.SET_ENABLE_SIDEBAR,\n            enabled: enableSidebar,\n        });\n    }, [enableSidebar]);\n\n    useEffect(() => {\n        dispatch({\n            type: EditRecordReducerActionsTypes.SET_SIDEBAR_IS_OPEN,\n            isOpen: showSidebar,\n        });\n    }, [showSidebar]);\n\n    const _handleValueSubmit: SubmitValueFunc = async (values, version) =>\n        saveValues(\n            record,\n            values.map(val => {\n                const savableValue = {...val, attribute: val.attribute.id, metadata: val.metadata};\n\n                if (val.value) {\n                    switch (val.attribute.type) {\n                        case AttributeType.advanced_link:\n                        case AttributeType.simple_link:\n                            savableValue.value = (val as ISubmittedValueLink).value.id;\n                            break;\n                        case AttributeType.tree:\n                            savableValue.value = (val as ISubmittedValueTree).value.id;\n                            break;\n                        default:\n                            savableValue.value = (val as ISubmittedValueStandard).value;\n                            break;\n                    }\n                }\n\n                return savableValue as IValueToSubmit;\n            }),\n            version,\n            true, // deleteEmpty\n        );\n\n    /**\n     * Submit the whole record: create record and batch save all stored values\n     */\n    const _handleRecordSubmit = async (attributes: RecordFormAttributeStandardAttributeFragment[]) => {\n        const activateNewRecordResult = await activateNewRecordMutation({\n            fetchPolicy: 'network-only',\n            variables: {\n                libraryId,\n                recordId: record.id,\n                formId,\n            },\n        });\n        const errors = activateNewRecordResult?.data?.activateNewRecord.valuesErrors;\n        if (errors == null || errors?.length === 0) {\n            if (onCreate) {\n                onCreate(activateNewRecordResult?.data?.activateNewRecord?.record?.whoAmI);\n            }\n            return;\n        }\n        antdForm.setFields(\n            errors.map(error => {\n                const attributeInError = attributes.find(attribute => attribute.id === error.attribute);\n\n                const doesAttributeHaveMultipleFields =\n                    attributeInError?.multiple_values &&\n                    ![AttributeType.simple_link, AttributeType.advanced_link].includes(attributeInError.type);\n\n                return {\n                    name:\n                        doesAttributeHaveMultipleFields && error.type === 'REQUIRED_ATTRIBUTE'\n                            ? [error.attribute, 0]\n                            : error.attribute,\n                    errors: [error.message],\n                };\n            }),\n        );\n    };\n\n    const _handleDeleteAllValues: DeleteMultipleValuesFunc = async (attribute, values, version) => {\n        const valuesToSave = values.map(value => ({\n            idValue: value.id_value,\n            attribute,\n            value: null,\n        }));\n\n        return saveValues(record, valuesToSave, version, true);\n    };\n\n    const shouldUseLayoutWithSidebar =\n        state.enableSidebar && state.isOpenSidebar && sidebarContainer === undefined && !forceDisableSidebarInAppStudio;\n\n    return (\n        <ErrorBoundary>\n            <EditRecordReducerContext.Provider value={{state, dispatch}}>\n                <Container $shouldUseLayoutWithSidebar={shouldUseLayoutWithSidebar} style={containerStyle}>\n                    <EditRecordButtons />\n                    <Content\n                        className=\"edit-record-content-container\"\n                        $shouldUseLayoutWithSidebar={shouldUseLayoutWithSidebar}\n                        $removePadding={removePadding}\n                    >\n                        {permissionsLoading ? (\n                            <EditRecordSkeleton rows={5} />\n                        ) : canEdit ? (\n                            <EditRecordContent\n                                antdForm={antdForm}\n                                formId={formId}\n                                isFormCreationMode={isFormCreationMode}\n                                formElementId={formElementId}\n                                record={record}\n                                library={libraryId}\n                                onRecordSubmit={_handleRecordSubmit}\n                                onValueSubmit={_handleValueSubmit}\n                                onValueDelete={deleteValue}\n                                onDeleteMultipleValues={_handleDeleteAllValues}\n                                readonly={isReadOnly}\n                            />\n                        ) : (\n                            <ErrorDisplay type={ErrorDisplayTypes.PERMISSION_ERROR} showActionButton={false} />\n                        )}\n                    </Content>\n                    {!forceDisableSidebarInAppStudio && (\n                        <EditRecordSidebar\n                            sidebarContainer={sidebarContainer}\n                            scrollAllRecordSummary={scrollAllRecordSummary}\n                        />\n                    )}\n                </Container>\n            </EditRecordReducerContext.Provider>\n        </ErrorBoundary>\n    );\n};\n"]}

package/dist/components/RecordEdition/EditRecordModal/EditRecordModal.js

@@ -137,6 +137,6 @@ export const EditRecordModal = ({ className, open, record, creationFormId, editi
     return (_jsxs(KitModalStyled, { appElement: document.getElementById('root'), 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: modalTitle }), _jsx("div", { id: EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS })] }), footer: _jsx(KitSpace, { children: [
                 _jsx(KitButton, { "aria-label": closeButtonLabel, icon: _jsx(FontAwesomeIcon, { icon: faXmark }), onClick: _handleClose, children: closeButtonLabel }, "close"),
                 ...displayedSubmitButtons,
-            ] }), closeIcon: _jsx(FontAwesomeIcon, { icon: faXmark }), showCloseIcon: true, destroyOnClose: true, children: [isError && _jsx(ErrorComponent, {}), !isReady && _jsx(KitLoader, {}), isReady && (_jsx(EditRecord, { antdForm: antdForm, isFormCreationMode: isCreation, formId: formId, formElementId: formElementId.current, record: currentRecord, library: library, onCreate: _handleCreate, valuesVersion: valuesVersion, showSidebar: showSidebar, enableSidebar: enableSidebar, withInfoButton: withInfoButton }))] }));
+            ] }), closeIcon: _jsx(FontAwesomeIcon, { icon: faXmark }), showCloseIcon: true, destroyOnClose: true, children: [isError && _jsx(ErrorComponent, {}), !isReady && _jsx(KitLoader, {}), isReady && (_jsx(EditRecord, { antdForm: antdForm, isFormCreationMode: isCreation, formId: formId, formElementId: formElementId.current, record: currentRecord, library: library, scrollAllRecordSummary: true, onCreate: _handleCreate, valuesVersion: valuesVersion, showSidebar: showSidebar, enableSidebar: enableSidebar, withInfoButton: withInfoButton }))] }));
 };
 //# sourceMappingURL=EditRecordModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditRecordModal.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecordModal/EditRecordModal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type FunctionComponent, useEffect, useRef, useState} from 'react';\nimport {KitButton, KitLoader, KitModal, KitSpace, KitTypography} from 'aristid-ds';\nimport styled from 'styled-components';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type IValueVersion} from '_ui/types';\nimport {type RecordIdentityFragment, useCreateRecordMutation, usePurgeRecordMutation} from '_ui/_gqlTypes';\nimport {EditRecord} from '../EditRecord';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faXmark} from '@fortawesome/free-solid-svg-icons';\nimport {type PossibleSubmitButtons, type SubmitButtonsName} from '../_types';\nimport {useGetSubmitButtons} from '../hooks/useGetSubmitButtons';\nimport {useForm} from 'antd/lib/form/Form';\nimport {useCreateCancelConfirm} from '../hooks/useCreateCancelConfirm';\nimport {EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS} from '../constants';\nimport {useGetInitialRecordValues} from '../EditRecordPage/getInitialRecordValues';\nimport {ErrorComponent} from '../EditRecordPage/ErrorComponent';\n\nexport interface IEditRecordModalProps {\n    className?: string;\n    open: boolean;\n    record: RecordIdentityFragment['whoAmI'] | null;\n    creationFormId?: string;\n    editionFormId?: string;\n    library: string;\n    onClose: () => void;\n    onCreate?: (newRecord: RecordIdentityFragment['whoAmI']) => void; // Called after submitting via the \"create\" button\n    onCreateAndEdit?: (newRecord: RecordIdentityFragment['whoAmI']) => void; // Called after submitting via the \"create and edit\" button\n    submitButtons?: PossibleSubmitButtons;\n    withInfoButton?: boolean;\n    valuesVersion?: IValueVersion;\n    showSidebar?: boolean;\n    enableSidebar?: boolean;\n    autoHeight?: boolean;\n}\n\nconst MODAL_HEIGHT = '80vh';\nconst MODAL_WIDTH = '90vw';\nconst MODAL_MAX_WIDTH = '656px';\nconst MODAL_WITH_SIDEBAR_MAX_WIDTH = '900px';\n\nconst KitModalStyled = styled(KitModal)`\n    && {\n        & > div {\n            max-width: ${MODAL_MAX_WIDTH};\n\n            &:has(#edit_record_sidebar) {\n                max-width: ${MODAL_WITH_SIDEBAR_MAX_WIDTH};\n            }\n\n            .kit-modal-header {\n                border-bottom: 1px solid var(--general-utilities-border);\n\n                .kit-modal-title {\n                    padding-right: calc(var(--general-spacing-xs) * 1px);\n\n                    .ant-space {\n                        width: 100%;\n                        justify-content: space-between;\n                    }\n                }\n            }\n\n            .kit-modal-content-wrapper {\n                padding: 0;\n\n                .kit-modal-content {\n                    height: 100%;\n\n                    & > div {\n                        height: 100%;\n                    }\n                }\n            }\n        }\n    }\n`;\n\nexport const EditRecordModal: FunctionComponent<IEditRecordModalProps> = ({\n    className,\n    open,\n    record,\n    creationFormId,\n    editionFormId,\n    library,\n    onClose,\n    onCreate,\n    onCreateAndEdit,\n    valuesVersion,\n    showSidebar,\n    enableSidebar,\n    submitButtons = ['create'],\n    withInfoButton = true,\n    autoHeight = false,\n}) => {\n    const {t} = useSharedTranslation();\n    const [antdForm] = useForm();\n    const [currentRecord, setCurrentRecord] = useState<RecordIdentityFragment['whoAmI'] | null>(record);\n    const clickedSubmitButton = useRef<SubmitButtonsName | null>(null);\n    const [createRecord] = useCreateRecordMutation();\n    const [purgeRecordMutation] = usePurgeRecordMutation();\n\n    const formElementId = useRef(window.crypto.randomUUID());\n    const [isCreation, setIsCreation] = useState(!record);\n    const [isReady, setIsReady] = useState(!!record);\n    const [isError, setIsError] = useState(false);\n    const [formId, setFormId] = useState<string>(\n        isCreation ? (creationFormId ?? 'creation') : (editionFormId ?? 'edition'),\n    );\n    const closeButtonLabel = isCreation ? t('global.cancel') : t('global.close');\n    const modalTitle =\n        currentRecord?.label && currentRecord.label.trim() ? currentRecord.label : t('record_edition.new_record');\n\n    useEffect(() => {\n        const createEmptyRecordFunction = async () => {\n            const values = useGetInitialRecordValues();\n            const {data} = await createRecord({\n                variables: {\n                    library,\n                    skipActivate: true,\n                    data: {values},\n                },\n            });\n\n            const recordId = data?.createRecord.record?.id;\n            setCurrentRecord(data?.createRecord.record.whoAmI ?? null);\n            if (!recordId) {\n                setIsError(true);\n                return;\n            }\n\n            setIsReady(true);\n        };\n\n        if (open && isCreation && !currentRecord) {\n            createEmptyRecordFunction();\n        }\n    }, [open, currentRecord]);\n\n    const _handleClickSubmit = (button: SubmitButtonsName) => {\n        clickedSubmitButton.current = button;\n    };\n\n    const _purgeRecordOnCreationCancel = () =>\n        purgeRecordMutation({\n            errorPolicy: 'ignore',\n            variables: {\n                libraryId: currentRecord?.library?.id,\n                recordId: currentRecord?.id,\n            },\n        });\n\n    const _closeAfterConfirm = async () => {\n        if (currentRecord?.id && currentRecord?.library?.id) {\n            _purgeRecordOnCreationCancel();\n        }\n        return onClose();\n    };\n\n    const showCancelConfirm = useCreateCancelConfirm(_closeAfterConfirm);\n\n    const _handleCreate = (newRecord: RecordIdentityFragment['whoAmI']) => {\n        setCurrentRecord(newRecord);\n\n        if (onCreateAndEdit && clickedSubmitButton.current === 'createAndEdit') {\n            setFormId(editionFormId ?? 'edition');\n            setIsCreation(false);\n            onCreateAndEdit(newRecord);\n            return;\n        }\n\n        if (onCreate && clickedSubmitButton.current === 'create') {\n            onCreate(newRecord);\n            return;\n        }\n    };\n\n    const _handleClose = () => {\n        if (isCreation) {\n            if (antdForm.isFieldsTouched()) {\n                return showCancelConfirm();\n            } else {\n                _purgeRecordOnCreationCancel();\n            }\n        }\n        return onClose();\n    };\n\n    const displayedSubmitButtons = useGetSubmitButtons(\n        submitButtons,\n        formElementId.current,\n        isCreation,\n        _handleClickSubmit,\n        _handleClose,\n    );\n\n    return (\n        <KitModalStyled\n            appElement={document.getElementById('root')}\n            className={className}\n            height={autoHeight ? 'auto' : MODAL_HEIGHT}\n            maxHeight={autoHeight ? MODAL_HEIGHT : undefined}\n            width={MODAL_WIDTH}\n            isOpen={open}\n            close={_handleClose}\n            title={\n                <KitSpace>\n                    <KitTypography.Title level=\"h2\" style={{margin: 0}}>\n                        {modalTitle}\n                    </KitTypography.Title>\n                    <div id={EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS} />\n                </KitSpace>\n            }\n            footer={\n                <KitSpace>\n                    {[\n                        <KitButton\n                            aria-label={closeButtonLabel}\n                            key=\"close\"\n                            icon={<FontAwesomeIcon icon={faXmark} />}\n                            onClick={_handleClose}\n                        >\n                            {closeButtonLabel}\n                        </KitButton>,\n                        ...displayedSubmitButtons,\n                    ]}\n                </KitSpace>\n            }\n            closeIcon={<FontAwesomeIcon icon={faXmark} />}\n            showCloseIcon\n            destroyOnClose\n        >\n            {isError && <ErrorComponent />}\n            {!isReady && <KitLoader />}\n            {isReady && (\n                <EditRecord\n                    antdForm={antdForm}\n                    isFormCreationMode={isCreation}\n                    formId={formId}\n                    formElementId={formElementId.current}\n                    record={currentRecord}\n                    library={library}\n                    onCreate={_handleCreate}\n                    valuesVersion={valuesVersion}\n                    showSidebar={showSidebar}\n                    enableSidebar={enableSidebar}\n                    withInfoButton={withInfoButton}\n                />\n            )}\n        </KitModalStyled>\n    );\n};\n"]}
+{"version":3,"file":"EditRecordModal.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecordModal/EditRecordModal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type FunctionComponent, useEffect, useRef, useState} from 'react';\nimport {KitButton, KitLoader, KitModal, KitSpace, KitTypography} from 'aristid-ds';\nimport styled from 'styled-components';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type IValueVersion} from '_ui/types';\nimport {type RecordIdentityFragment, useCreateRecordMutation, usePurgeRecordMutation} from '_ui/_gqlTypes';\nimport {EditRecord} from '../EditRecord';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faXmark} from '@fortawesome/free-solid-svg-icons';\nimport {type PossibleSubmitButtons, type SubmitButtonsName} from '../_types';\nimport {useGetSubmitButtons} from '../hooks/useGetSubmitButtons';\nimport {useForm} from 'antd/lib/form/Form';\nimport {useCreateCancelConfirm} from '../hooks/useCreateCancelConfirm';\nimport {EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS} from '../constants';\nimport {useGetInitialRecordValues} from '../EditRecordPage/getInitialRecordValues';\nimport {ErrorComponent} from '../EditRecordPage/ErrorComponent';\n\nexport interface IEditRecordModalProps {\n    className?: string;\n    open: boolean;\n    record: RecordIdentityFragment['whoAmI'] | null;\n    creationFormId?: string;\n    editionFormId?: string;\n    library: string;\n    onClose: () => void;\n    onCreate?: (newRecord: RecordIdentityFragment['whoAmI']) => void; // Called after submitting via the \"create\" button\n    onCreateAndEdit?: (newRecord: RecordIdentityFragment['whoAmI']) => void; // Called after submitting via the \"create and edit\" button\n    submitButtons?: PossibleSubmitButtons;\n    withInfoButton?: boolean;\n    valuesVersion?: IValueVersion;\n    showSidebar?: boolean;\n    enableSidebar?: boolean;\n    autoHeight?: boolean;\n}\n\nconst MODAL_HEIGHT = '80vh';\nconst MODAL_WIDTH = '90vw';\nconst MODAL_MAX_WIDTH = '656px';\nconst MODAL_WITH_SIDEBAR_MAX_WIDTH = '900px';\n\nconst KitModalStyled = styled(KitModal)`\n    && {\n        & > div {\n            max-width: ${MODAL_MAX_WIDTH};\n\n            &:has(#edit_record_sidebar) {\n                max-width: ${MODAL_WITH_SIDEBAR_MAX_WIDTH};\n            }\n\n            .kit-modal-header {\n                border-bottom: 1px solid var(--general-utilities-border);\n\n                .kit-modal-title {\n                    padding-right: calc(var(--general-spacing-xs) * 1px);\n\n                    .ant-space {\n                        width: 100%;\n                        justify-content: space-between;\n                    }\n                }\n            }\n\n            .kit-modal-content-wrapper {\n                padding: 0;\n\n                .kit-modal-content {\n                    height: 100%;\n\n                    & > div {\n                        height: 100%;\n                    }\n                }\n            }\n        }\n    }\n`;\n\nexport const EditRecordModal: FunctionComponent<IEditRecordModalProps> = ({\n    className,\n    open,\n    record,\n    creationFormId,\n    editionFormId,\n    library,\n    onClose,\n    onCreate,\n    onCreateAndEdit,\n    valuesVersion,\n    showSidebar,\n    enableSidebar,\n    submitButtons = ['create'],\n    withInfoButton = true,\n    autoHeight = false,\n}) => {\n    const {t} = useSharedTranslation();\n    const [antdForm] = useForm();\n    const [currentRecord, setCurrentRecord] = useState<RecordIdentityFragment['whoAmI'] | null>(record);\n    const clickedSubmitButton = useRef<SubmitButtonsName | null>(null);\n    const [createRecord] = useCreateRecordMutation();\n    const [purgeRecordMutation] = usePurgeRecordMutation();\n\n    const formElementId = useRef(window.crypto.randomUUID());\n    const [isCreation, setIsCreation] = useState(!record);\n    const [isReady, setIsReady] = useState(!!record);\n    const [isError, setIsError] = useState(false);\n    const [formId, setFormId] = useState<string>(\n        isCreation ? (creationFormId ?? 'creation') : (editionFormId ?? 'edition'),\n    );\n    const closeButtonLabel = isCreation ? t('global.cancel') : t('global.close');\n    const modalTitle =\n        currentRecord?.label && currentRecord.label.trim() ? currentRecord.label : t('record_edition.new_record');\n\n    useEffect(() => {\n        const createEmptyRecordFunction = async () => {\n            const values = useGetInitialRecordValues();\n            const {data} = await createRecord({\n                variables: {\n                    library,\n                    skipActivate: true,\n                    data: {values},\n                },\n            });\n\n            const recordId = data?.createRecord.record?.id;\n            setCurrentRecord(data?.createRecord.record.whoAmI ?? null);\n            if (!recordId) {\n                setIsError(true);\n                return;\n            }\n\n            setIsReady(true);\n        };\n\n        if (open && isCreation && !currentRecord) {\n            createEmptyRecordFunction();\n        }\n    }, [open, currentRecord]);\n\n    const _handleClickSubmit = (button: SubmitButtonsName) => {\n        clickedSubmitButton.current = button;\n    };\n\n    const _purgeRecordOnCreationCancel = () =>\n        purgeRecordMutation({\n            errorPolicy: 'ignore',\n            variables: {\n                libraryId: currentRecord?.library?.id,\n                recordId: currentRecord?.id,\n            },\n        });\n\n    const _closeAfterConfirm = async () => {\n        if (currentRecord?.id && currentRecord?.library?.id) {\n            _purgeRecordOnCreationCancel();\n        }\n        return onClose();\n    };\n\n    const showCancelConfirm = useCreateCancelConfirm(_closeAfterConfirm);\n\n    const _handleCreate = (newRecord: RecordIdentityFragment['whoAmI']) => {\n        setCurrentRecord(newRecord);\n\n        if (onCreateAndEdit && clickedSubmitButton.current === 'createAndEdit') {\n            setFormId(editionFormId ?? 'edition');\n            setIsCreation(false);\n            onCreateAndEdit(newRecord);\n            return;\n        }\n\n        if (onCreate && clickedSubmitButton.current === 'create') {\n            onCreate(newRecord);\n            return;\n        }\n    };\n\n    const _handleClose = () => {\n        if (isCreation) {\n            if (antdForm.isFieldsTouched()) {\n                return showCancelConfirm();\n            } else {\n                _purgeRecordOnCreationCancel();\n            }\n        }\n        return onClose();\n    };\n\n    const displayedSubmitButtons = useGetSubmitButtons(\n        submitButtons,\n        formElementId.current,\n        isCreation,\n        _handleClickSubmit,\n        _handleClose,\n    );\n\n    return (\n        <KitModalStyled\n            appElement={document.getElementById('root')}\n            className={className}\n            height={autoHeight ? 'auto' : MODAL_HEIGHT}\n            maxHeight={autoHeight ? MODAL_HEIGHT : undefined}\n            width={MODAL_WIDTH}\n            isOpen={open}\n            close={_handleClose}\n            title={\n                <KitSpace>\n                    <KitTypography.Title level=\"h2\" style={{margin: 0}}>\n                        {modalTitle}\n                    </KitTypography.Title>\n                    <div id={EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS} />\n                </KitSpace>\n            }\n            footer={\n                <KitSpace>\n                    {[\n                        <KitButton\n                            aria-label={closeButtonLabel}\n                            key=\"close\"\n                            icon={<FontAwesomeIcon icon={faXmark} />}\n                            onClick={_handleClose}\n                        >\n                            {closeButtonLabel}\n                        </KitButton>,\n                        ...displayedSubmitButtons,\n                    ]}\n                </KitSpace>\n            }\n            closeIcon={<FontAwesomeIcon icon={faXmark} />}\n            showCloseIcon\n            destroyOnClose\n        >\n            {isError && <ErrorComponent />}\n            {!isReady && <KitLoader />}\n            {isReady && (\n                <EditRecord\n                    antdForm={antdForm}\n                    isFormCreationMode={isCreation}\n                    formId={formId}\n                    formElementId={formElementId.current}\n                    record={currentRecord}\n                    library={library}\n                    scrollAllRecordSummary\n                    onCreate={_handleCreate}\n                    valuesVersion={valuesVersion}\n                    showSidebar={showSidebar}\n                    enableSidebar={enableSidebar}\n                    withInfoButton={withInfoButton}\n                />\n            )}\n        </KitModalStyled>\n    );\n};\n"]}

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

@@ -1,6 +1,7 @@
 import { type FunctionComponent } from 'react';
 interface IEditRecordSidebarProps {
     sidebarContainer?: HTMLElement;
+    scrollAllRecordSummary?: boolean;
 }
 export declare const EditRecordSidebar: FunctionComponent<IEditRecordSidebarProps>;
 export default EditRecordSidebar;

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

@@ -22,7 +22,7 @@ const StyledDivContentWrapper = styled.div `
     gap: calc(var(--general-spacing-s) * 1px);
     height: 100%;
 `;
-const _getRecordSidebarContent = (state) => {
+const _getRecordSidebarContent = (state, scrollAllRecordSummary = false) => {
     // TODO: ValuesVersions should be removed or refactored later
     switch (state.sidebarContent) {
         case 'none':
@@ -32,7 +32,7 @@ const _getRecordSidebarContent = (state) => {
         case 'valuesVersions':
             return _jsx(ValuesVersions, {});
         default:
-            return _jsx(RecordSummary, { record: state.record });
+            return _jsx(RecordSummary, { record: state.record, scrollAll: scrollAllRecordSummary });
     }
 };
 const StyledKitSidePanel = styled(KitSidePanel) `
@@ -43,14 +43,14 @@ const StyledKitSidePanel = styled(KitSidePanel) `
     grid-area: sidebar;
     display: ${({ $isOpen }) => ($isOpen ? 'block' : 'none')};
 `;
-export const EditRecordSidebar = ({ sidebarContainer }) => {
+export const EditRecordSidebar = ({ sidebarContainer, scrollAllRecordSummary, }) => {
     const { lang } = useLang();
     const { state } = useEditRecordReducer();
     const sidePanelRef = useRef(null);
     const idCardProps = state.sidebarContent === EditRecordSidebarContentTypeMap.VALUE_DETAILS
         ? { title: localizedTranslation(state.activeAttribute?.attribute.label, lang) }
         : undefined;
-    const editRecordSidebarContent = (_jsx(StyledKitSidePanel, { ref: sidePanelRef, initialOpen: state.isOpenSidebar && state.enableSidebar, idCardProps: idCardProps, id: EDIT_RECORD_SIDEBAR_ID, headerExtra: _jsx(Breadcrumb, {}), "$hideBoxShadow": !sidebarContainer, "$isOpen": state.isOpenSidebar, children: _getRecordSidebarContent(state) }));
+    const editRecordSidebarContent = (_jsx(StyledKitSidePanel, { ref: sidePanelRef, initialOpen: state.isOpenSidebar && state.enableSidebar, idCardProps: idCardProps, id: EDIT_RECORD_SIDEBAR_ID, headerExtra: _jsx(Breadcrumb, {}), "$hideBoxShadow": !sidebarContainer, "$isOpen": state.isOpenSidebar, children: _getRecordSidebarContent(state, scrollAllRecordSummary) }));
     useEffect(() => {
         if (sidePanelRef.current && state.enableSidebar) {
             if (state.isOpenSidebar) {

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

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

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

@@ -2,6 +2,7 @@ import { type IRecordIdentityWhoAmI } from '../../../../types/records';
 import { type FunctionComponent } from 'react';
 interface IRecordSummaryProps {
     record: IRecordIdentityWhoAmI | null;
+    scrollAll?: boolean;
 }
 export declare const RecordSummary: FunctionComponent<IRecordSummaryProps>;
 export default RecordSummary;

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

@@ -10,12 +10,13 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faRotateRight } from '@fortawesome/free-solid-svg-icons';
 import { RecordHistory } from '../../../RecordHistory/RecordHistory';
 import styled from 'styled-components';
+import RecordHistoryGoUpButton from '../../../../components/RecordHistory/RecordHistoryGoUpButton';
 const StyledDivContentWrapper = styled.div `
     display: flex;
     flex-direction: column;
     height: 100%;
 `;
-export const RecordSummary = ({ record }) => {
+export const RecordSummary = ({ record, scrollAll }) => {
     const { t } = useSharedTranslation();
     const { loading, error, data, refetch } = useGetRecordValuesQuery(record?.library?.id, ['created_at', 'created_by', 'modified_at', 'modified_by'], [record?.id]);
     if (loading) {
@@ -24,7 +25,7 @@ export const RecordSummary = ({ record }) => {
     if (error) {
         return (_jsxs(_Fragment, { children: [_jsx(KitAlert, { type: "error", message: t('record_summary.error.title'), description: t('record_summary.error.description'), details: error.message, customContent: record?.id && (_jsx(KitButton, { onClick: () => refetch([record?.id]), type: "action", icon: _jsx(FontAwesomeIcon, { icon: faRotateRight }), danger: true, children: t('record_summary.error.refresh') })) }), _jsx(KitEmpty, { image: KitEmpty.ASSET_TASKS_ERROR })] }));
     }
-    return (_jsxs(StyledDivContentWrapper, { children: [_jsx(KitTypography.Text, { weight: "bold", children: t('record_summary.informations') }), _jsx(RecordInformations, { record: record, recordData: data?.[record?.id] }), _jsx(KitDivider, {}), _jsx(KitTypography.Text, { weight: "bold", children: t('record_summary.history') }), record && _jsx(RecordHistory, { record: record })] }));
+    return (_jsx(StyledDivContentWrapper, { children: _jsxs(RecordHistoryGoUpButton, { disabled: !scrollAll, children: [_jsx(KitTypography.Text, { weight: "bold", children: t('record_summary.informations') }), _jsx(RecordInformations, { record: record, recordData: data?.[record?.id] }), _jsx(KitDivider, {}), _jsx(KitTypography.Text, { weight: "bold", children: t('record_summary.history') }), record && _jsx(RecordHistory, { record: record, noScroll: scrollAll })] }) }));
 };
 export default RecordSummary;
 //# sourceMappingURL=RecordSummary.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RecordSummary.js","sourceRoot":"","sources":["../../../../../src/components/RecordEdition/EditRecordSidebar/RecordSummary/RecordSummary.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,uBAAuB,EAAC,MAAM,mEAAmE,CAAC;AAE1G,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAY,WAAW,EAAW,aAAa,EAAC,MAAM,YAAY,CAAC;AACpH,OAAO,EAAC,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AAE3E,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,aAAa,EAAC,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAC,aAAa,EAAC,MAAM,sCAAsC,CAAC;AACnE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAMvC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIzC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAA2C,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE;IAC9E,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,EAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAC,GAAG,uBAAuB,CAC3D,MAAM,EAAE,OAAO,EAAE,EAAE,EACnB,CAAC,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,CAAC,EAC1D,CAAC,MAAM,EAAE,EAAE,CAAC,CACf,CAAC;IAEF,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,CACH,8BAAkB,yBAAyB,YACvC,KAAC,WAAW,CAAC,mBAAmB,KAAG,GAChC,CACV,CAAC;IACN,CAAC;IAED,IAAI,KAAK,EAAE,CAAC;QACR,OAAO,CACH,8BACI,KAAC,QAAQ,IACL,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,CAAC,CAAC,4BAA4B,CAAC,EACxC,WAAW,EAAE,CAAC,CAAC,kCAAkC,CAAC,EAClD,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,aAAa,EACT,MAAM,EAAE,EAAE,IAAI,CACV,KAAC,SAAS,IACN,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EACpC,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,aAAa,GAAI,EAC9C,MAAM,kBAEL,CAAC,CAAC,8BAA8B,CAAC,GAC1B,CACf,GAEP,EACF,KAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,CAAC,iBAAiB,GAAI,IAChD,CACN,CAAC;IACN,CAAC;IAED,OAAO,CACH,MAAC,uBAAuB,eACpB,KAAC,aAAa,CAAC,IAAI,IAAC,MAAM,EAAC,MAAM,YAAE,CAAC,CAAC,6BAA6B,CAAC,GAAsB,EACzF,KAAC,kBAAkB,IAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,GAAI,EACtE,KAAC,UAAU,KAAG,EACd,KAAC,aAAa,CAAC,IAAI,IAAC,MAAM,EAAC,MAAM,YAAE,CAAC,CAAC,wBAAwB,CAAC,GAAsB,EACnF,MAAM,IAAI,KAAC,aAAa,IAAC,MAAM,EAAE,MAAM,GAAI,IACtB,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 {useGetRecordValuesQuery} from '../../../../hooks/useGetRecordValuesQuery/useGetRecordValuesQuery';\nimport {type IRecordIdentityWhoAmI} from '../../../../types/records';\nimport {KitAlert, KitButton, KitDivider, KitEmpty, KitError, KitSkeleton, KitTabs, KitTypography} from 'aristid-ds';\nimport {RecordInformations} from './RecordInformations/RecordInformations';\nimport {type FunctionComponent} from 'react';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faRotateRight} from '@fortawesome/free-solid-svg-icons';\nimport {RecordHistory} from '../../../RecordHistory/RecordHistory';\nimport styled from 'styled-components';\n\ninterface IRecordSummaryProps {\n    record: IRecordIdentityWhoAmI | null;\n}\n\nconst StyledDivContentWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n`;\n\nexport const RecordSummary: FunctionComponent<IRecordSummaryProps> = ({record}) => {\n    const {t} = useSharedTranslation();\n    const {loading, error, data, refetch} = useGetRecordValuesQuery(\n        record?.library?.id,\n        ['created_at', 'created_by', 'modified_at', 'modified_by'],\n        [record?.id],\n    );\n\n    if (loading) {\n        return (\n            <span data-testid=\"record-summary-skeleton\">\n                <KitSkeleton.KitItemCardSkeleton />\n            </span>\n        );\n    }\n\n    if (error) {\n        return (\n            <>\n                <KitAlert\n                    type=\"error\"\n                    message={t('record_summary.error.title')}\n                    description={t('record_summary.error.description')}\n                    details={error.message}\n                    customContent={\n                        record?.id && (\n                            <KitButton\n                                onClick={() => refetch([record?.id])}\n                                type=\"action\"\n                                icon={<FontAwesomeIcon icon={faRotateRight} />}\n                                danger\n                            >\n                                {t('record_summary.error.refresh')}\n                            </KitButton>\n                        )\n                    }\n                />\n                <KitEmpty image={KitEmpty.ASSET_TASKS_ERROR} />\n            </>\n        );\n    }\n\n    return (\n        <StyledDivContentWrapper>\n            <KitTypography.Text weight=\"bold\">{t('record_summary.informations')}</KitTypography.Text>\n            <RecordInformations record={record} recordData={data?.[record?.id]} />\n            <KitDivider />\n            <KitTypography.Text weight=\"bold\">{t('record_summary.history')}</KitTypography.Text>\n            {record && <RecordHistory record={record} />}\n        </StyledDivContentWrapper>\n    );\n};\n\nexport default RecordSummary;\n"]}
+{"version":3,"file":"RecordSummary.js","sourceRoot":"","sources":["../../../../../src/components/RecordEdition/EditRecordSidebar/RecordSummary/RecordSummary.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,uBAAuB,EAAC,MAAM,mEAAmE,CAAC;AAE1G,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAY,WAAW,EAAW,aAAa,EAAC,MAAM,YAAY,CAAC;AACpH,OAAO,EAAC,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AAE3E,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,aAAa,EAAC,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAC,aAAa,EAAC,MAAM,sCAAsC,CAAC;AACnE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,uBAAuB,MAAM,sDAAsD,CAAC;AAO3F,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIzC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAA2C,CAAC,EAAC,MAAM,EAAE,SAAS,EAAC,EAAE,EAAE;IACzF,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,EAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAC,GAAG,uBAAuB,CAC3D,MAAM,EAAE,OAAO,EAAE,EAAE,EACnB,CAAC,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,CAAC,EAC1D,CAAC,MAAM,EAAE,EAAE,CAAC,CACf,CAAC;IAEF,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,CACH,8BAAkB,yBAAyB,YACvC,KAAC,WAAW,CAAC,mBAAmB,KAAG,GAChC,CACV,CAAC;IACN,CAAC;IAED,IAAI,KAAK,EAAE,CAAC;QACR,OAAO,CACH,8BACI,KAAC,QAAQ,IACL,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,CAAC,CAAC,4BAA4B,CAAC,EACxC,WAAW,EAAE,CAAC,CAAC,kCAAkC,CAAC,EAClD,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,aAAa,EACT,MAAM,EAAE,EAAE,IAAI,CACV,KAAC,SAAS,IACN,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EACpC,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,aAAa,GAAI,EAC9C,MAAM,kBAEL,CAAC,CAAC,8BAA8B,CAAC,GAC1B,CACf,GAEP,EACF,KAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,CAAC,iBAAiB,GAAI,IAChD,CACN,CAAC;IACN,CAAC;IAED,OAAO,CACH,KAAC,uBAAuB,cACpB,MAAC,uBAAuB,IAAC,QAAQ,EAAE,CAAC,SAAS,aACzC,KAAC,aAAa,CAAC,IAAI,IAAC,MAAM,EAAC,MAAM,YAAE,CAAC,CAAC,6BAA6B,CAAC,GAAsB,EACzF,KAAC,kBAAkB,IAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,GAAI,EACtE,KAAC,UAAU,KAAG,EACd,KAAC,aAAa,CAAC,IAAI,IAAC,MAAM,EAAC,MAAM,YAAE,CAAC,CAAC,wBAAwB,CAAC,GAAsB,EACnF,MAAM,IAAI,KAAC,aAAa,IAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,GAAI,IAC3C,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 {useGetRecordValuesQuery} from '../../../../hooks/useGetRecordValuesQuery/useGetRecordValuesQuery';\nimport {type IRecordIdentityWhoAmI} from '../../../../types/records';\nimport {KitAlert, KitButton, KitDivider, KitEmpty, KitError, KitSkeleton, KitTabs, KitTypography} from 'aristid-ds';\nimport {RecordInformations} from './RecordInformations/RecordInformations';\nimport {type FunctionComponent} from 'react';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faRotateRight} from '@fortawesome/free-solid-svg-icons';\nimport {RecordHistory} from '../../../RecordHistory/RecordHistory';\nimport styled from 'styled-components';\nimport RecordHistoryGoUpButton from '_ui/components/RecordHistory/RecordHistoryGoUpButton';\n\ninterface IRecordSummaryProps {\n    record: IRecordIdentityWhoAmI | null;\n    scrollAll?: boolean;\n}\n\nconst StyledDivContentWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n`;\n\nexport const RecordSummary: FunctionComponent<IRecordSummaryProps> = ({record, scrollAll}) => {\n    const {t} = useSharedTranslation();\n    const {loading, error, data, refetch} = useGetRecordValuesQuery(\n        record?.library?.id,\n        ['created_at', 'created_by', 'modified_at', 'modified_by'],\n        [record?.id],\n    );\n\n    if (loading) {\n        return (\n            <span data-testid=\"record-summary-skeleton\">\n                <KitSkeleton.KitItemCardSkeleton />\n            </span>\n        );\n    }\n\n    if (error) {\n        return (\n            <>\n                <KitAlert\n                    type=\"error\"\n                    message={t('record_summary.error.title')}\n                    description={t('record_summary.error.description')}\n                    details={error.message}\n                    customContent={\n                        record?.id && (\n                            <KitButton\n                                onClick={() => refetch([record?.id])}\n                                type=\"action\"\n                                icon={<FontAwesomeIcon icon={faRotateRight} />}\n                                danger\n                            >\n                                {t('record_summary.error.refresh')}\n                            </KitButton>\n                        )\n                    }\n                />\n                <KitEmpty image={KitEmpty.ASSET_TASKS_ERROR} />\n            </>\n        );\n    }\n\n    return (\n        <StyledDivContentWrapper>\n            <RecordHistoryGoUpButton disabled={!scrollAll}>\n                <KitTypography.Text weight=\"bold\">{t('record_summary.informations')}</KitTypography.Text>\n                <RecordInformations record={record} recordData={data?.[record?.id]} />\n                <KitDivider />\n                <KitTypography.Text weight=\"bold\">{t('record_summary.history')}</KitTypography.Text>\n                {record && <RecordHistory record={record} noScroll={scrollAll} />}\n            </RecordHistoryGoUpButton>\n        </StyledDivContentWrapper>\n    );\n};\n\nexport default RecordSummary;\n"]}

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

@@ -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

@@ -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

@@ -1 +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}\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"]}
+{"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

@@ -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

@@ -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

@@ -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"]}
+{"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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leav/ui",
-  "version": "1.10.0-2393a231",
+  "version": "1.10.0-27adc94e",
   "description": "Shared React components and hooks",
   "scripts": {
     "prepublishOnly": "yarn build",