@leav/ui 1.6.0 → 1.7.0-67b86ab9

package/dist/components/LibraryItemsList/ViewPanel/ViewPanel.js

@@ -7,7 +7,8 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { localizedTranslation } from '@leav/utils';
 import { Badge, Button, Input } from 'antd';
 import { useState } from 'react';
-import { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd';
+import { DndContext, closestCenter } from '@dnd-kit/core';
+import { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
 import styled from 'styled-components';
 import { themeVars } from '../../../antdTheme';
 import { ErrorDisplay } from '../../../components/ErrorDisplay';
@@ -157,22 +158,43 @@ function ViewPanel() {
     const _closeModal = () => {
         setEditView(false);
     };
-    const onDragEnd = async (result, provided) => {
-        if (!result.destination) {
+    const handleDragEnd = async (event) => {
+        const { active, over } = event;
+        if (!over || active.id === over.id) {
             return;
         }
-        const isOrderingUserViews = result.source.droppableId === 'user';
-        const viewsListBefore = isOrderingUserViews ? userViews : sharedViews;
-        const orderedViews = viewsListBefore.map(v => v.id);
-        const element = orderedViews[result.source.index];
-        orderedViews.splice(result.source.index, 1);
-        orderedViews.splice(result.destination.index, 0, element);
-        const keyToUpdate = isOrderingUserViews
-            ? PREFIX_USER_VIEWS_ORDER_KEY + searchState.library.id
-            : PREFIX_SHARED_VIEWS_ORDER_KEY + searchState.library.id;
+        let viewsList = userViews;
+        let keyToUpdate = PREFIX_USER_VIEWS_ORDER_KEY + searchState.library.id;
+        let orderType = 'userViewsOrder';
+        if (sharedViews.some(v => v.id === active.id)) {
+            viewsList = sharedViews;
+            keyToUpdate = PREFIX_SHARED_VIEWS_ORDER_KEY + searchState.library.id;
+            orderType = 'sharedViewsOrder';
+        }
+        const ids = viewsList.map(v => v.id);
+        const oldIndex = ids.indexOf(active.id);
+        const newIndex = ids.indexOf(over.id);
+        if (oldIndex === -1 || newIndex === -1) {
+            return;
+        }
+        const newOrder = [...ids];
+        newOrder.splice(oldIndex, 1);
+        newOrder.splice(newIndex, 0, active.id);
+        if (orderType === 'userViewsOrder') {
+            searchDispatch({
+                type: SearchActionTypes.SET_USER_VIEWS_ORDER,
+                userViewsOrder: newOrder,
+            });
+        }
+        else {
+            searchDispatch({
+                type: SearchActionTypes.SET_SHARED_VIEWS_ORDER,
+                sharedViewsOrder: newOrder,
+            });
+        }
         await updateViewsOrder({
             key: keyToUpdate,
-            value: orderedViews,
+            value: newOrder,
             global: false,
         });
     };
@@ -181,7 +203,7 @@ function ViewPanel() {
     const handleHide = () => {
         searchDispatch({ type: SearchActionTypes.TOGGLE_SIDEBAR });
     };
-    return (_jsxs(Wrapper, { children: [editView && (_jsx(EditView, { view: editView, visible: !!editView, onClose: _closeModal, libraryId: searchState.library.id })), _jsxs(Header, { children: [_jsx("span", { children: t('view.views') }), _jsx(Button, { onClick: handleHide, icon: _jsx(FontAwesomeIcon, { icon: faAngleLeft }) })] }), _jsx(SearchWrapper, { children: _jsx(Input.Search, { placeholder: t('view.search'), onSearch: _handleSearchSubmit }) }), _jsx(SubHeader, { children: t('view.shared-views') }), _jsx(DragDropContext, { onDragEnd: onDragEnd, children: _jsx(Droppable, { droppableId: "shared", children: providedDroppable => (_jsxs(Views, { ...providedDroppable.droppableProps, ref: providedDroppable.innerRef, children: [sharedViews.map((view, idx) => (_jsx(Draggable, { draggableId: idx.toString(), index: idx, children: provided => (_jsx("div", { ref: provided.innerRef, ...provided.draggableProps, ...provided.dragHandleProps, children: _jsx(View, { view: view, onEdit: () => _showModal(view), handleProps: provided.dragHandleProps }, view.id) })) }, idx))), providedDroppable.placeholder] })) }) }), _jsxs(SubHeader, { children: [t('view.my-views'), _jsx(CustomBadge, { count: userViews.length })] }), _jsx(DragDropContext, { onDragEnd: onDragEnd, children: _jsx(Droppable, { droppableId: "user", children: providedDroppable => (_jsxs(Views, { ...providedDroppable.droppableProps, ref: providedDroppable.innerRef, children: [userViews.map((view, idx) => (_jsx(Draggable, { draggableId: idx.toString(), index: idx, children: provided => (_jsx("div", { ref: provided.innerRef, ...provided.draggableProps, ...provided.dragHandleProps, children: _jsx(View, { view: view, onEdit: () => _showModal(view), handleProps: provided.dragHandleProps }, view.id) })) }, idx))), providedDroppable.placeholder] })) }) })] }));
+    return (_jsxs(Wrapper, { children: [editView && (_jsx(EditView, { view: editView, visible: !!editView, onClose: _closeModal, libraryId: searchState.library.id })), _jsxs(Header, { children: [_jsx("span", { children: t('view.views') }), _jsx(Button, { onClick: handleHide, icon: _jsx(FontAwesomeIcon, { icon: faAngleLeft }) })] }), _jsx(SearchWrapper, { children: _jsx(Input.Search, { placeholder: t('view.search'), onSearch: _handleSearchSubmit }) }), _jsxs(DndContext, { collisionDetection: closestCenter, onDragEnd: handleDragEnd, children: [_jsx(SubHeader, { children: t('view.shared-views') }), _jsx(SortableContext, { items: sharedViews.map(v => v.id), strategy: verticalListSortingStrategy, children: _jsx(Views, { children: sharedViews.map(view => (_jsx(View, { view: view, onEdit: () => _showModal(view) }, view.id))) }) }), _jsxs(SubHeader, { children: [t('view.my-views'), _jsx(CustomBadge, { count: userViews.length })] }), _jsx(SortableContext, { items: userViews.map(v => v.id), strategy: verticalListSortingStrategy, children: _jsx(Views, { children: userViews.map(view => (_jsx(View, { view: view, onEdit: () => _showModal(view) }, view.id))) }) })] })] }));
 }
 export default ViewPanel;
 //# sourceMappingURL=ViewPanel.js.map

package/dist/components/LibraryItemsList/ViewPanel/ViewPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewPanel.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/ViewPanel/ViewPanel.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 {faAngleLeft} from '@fortawesome/free-solid-svg-icons';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {localizedTranslation} from '@leav/utils';\nimport {Badge, Button, Input} from 'antd';\nimport {useState} from 'react';\nimport {DragDropContext, Draggable, Droppable, type DropResult, type ResponderProvided} from 'react-beautiful-dnd';\nimport styled from 'styled-components';\nimport {themeVars} from '_ui/antdTheme';\nimport {ErrorDisplay} from '_ui/components/ErrorDisplay';\nimport useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';\nimport {SearchActionTypes} from '_ui/components/LibraryItemsList/hooks/useSearchReducer/searchReducer';\nimport {Loading} from '_ui/components/Loading';\nimport {PREFIX_SHARED_VIEWS_ORDER_KEY, PREFIX_USER_VIEWS_ORDER_KEY} from '_ui/constants';\nimport {useLang} from '_ui/hooks';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {useUser} from '_ui/hooks/useUser/useUser';\nimport {type IView} from '_ui/types/views';\nimport {useGetUserDataQuery, useGetViewsListQuery} from '_ui/_gqlTypes';\nimport {prepareView} from '_ui/_utils';\nimport useUpdateViewsOrderMutation from '../hooks/useUpdateViewsOrderMutation';\nimport EditView from './EditView';\nimport View from './View';\n\nconst Wrapper = styled.div`\n    width: 100%;\n    display: flex;\n    flex-flow: column nowrap;\n    border-right: ${themeVars.borderLightColor} 1px solid;\n    overflow-y: auto;\n`;\n\nconst Header = styled.div`\n    width: 100%;\n    background-color: ${themeVars.headerBg};\n    display: grid;\n    grid-template-columns: repeat(2, auto);\n    justify-content: space-between;\n    padding: 0.3rem 0.3rem 0.3rem 1rem;\n    font-weight: 700;\n    border-bottom: 1px solid ${themeVars.borderLightColor};\n\n    & > * {\n        :first-of-type {\n            display: grid;\n            column-gap: 8px;\n            grid-template-columns: repeat(3, auto);\n            align-items: center;\n            justify-items: center;\n        }\n\n        :last-of-type {\n            display: grid;\n            align-items: center;\n            justify-content: flex-end;\n            column-gap: 8px;\n            grid-template-columns: repeat(2, auto);\n        }\n    }\n`;\n\nconst SubHeader = styled.div`\n    width: 100%;\n    border-top: ${themeVars.activeColor} 1px solid;\n    border-bottom: ${themeVars.activeColor} 1px solid;\n    padding: 0.3rem;\n    padding-left: 1rem;\n    font-weight: 700;\n    font-size: 14px;\n`;\n\nconst Views = styled.div`\n    width: 100%;\n`;\n\nconst SearchWrapper = styled.div`\n    margin: 1rem;\n`;\n\nconst CustomBadge = styled(Badge)`\n    margin-left: 8px;\n    && > * {\n        background-color: ${themeVars.borderLightColor};\n        color: ${themeVars.defaultTextColor};\n    }\n`;\n\nconst _sortViewFunction = (referenceOrder: string[]) => (viewA: IView, viewB: IView) => {\n    const orderA = referenceOrder.indexOf(viewA.id);\n    const orderB = referenceOrder.indexOf(viewB.id);\n    const isAOrdered = orderA !== -1;\n    const isBOrdered = orderB !== -1;\n\n    if (isAOrdered && isBOrdered) {\n        return orderA - orderB;\n    } else if (isAOrdered && !isBOrdered) {\n        return -1;\n    } else if (!isAOrdered && isBOrdered) {\n        return 1;\n    } else {\n        return Number(viewA.id) - Number(viewB.id);\n    }\n};\n\nfunction ViewPanel(): JSX.Element {\n    const {t} = useSharedTranslation();\n\n    const {userData} = useUser();\n    const {lang} = useLang();\n    const [search, setSearch] = useState('');\n    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();\n    const [editView, setEditView] = useState<IView | false>(false);\n\n    const {updateViewsOrder} = useUpdateViewsOrderMutation(searchState.library.id);\n\n    const getViewsList = useGetViewsListQuery({\n        variables: {\n            libraryId: searchState?.library?.id || '',\n        },\n    });\n\n    const getOrderDataQuery = useGetUserDataQuery({\n        variables: {\n            keys: [\n                PREFIX_USER_VIEWS_ORDER_KEY + searchState.library.id,\n                PREFIX_SHARED_VIEWS_ORDER_KEY + searchState.library.id,\n            ],\n        },\n        onCompleted: d => {\n            searchDispatch({\n                type: SearchActionTypes.SET_USER_VIEWS_ORDER,\n                userViewsOrder: d.userData?.data[PREFIX_USER_VIEWS_ORDER_KEY + searchState.library.id] || [],\n            });\n            searchDispatch({\n                type: SearchActionTypes.SET_SHARED_VIEWS_ORDER,\n                sharedViewsOrder: d.userData?.data[PREFIX_SHARED_VIEWS_ORDER_KEY + searchState.library.id] || [],\n            });\n        },\n    });\n\n    if (getViewsList.loading) {\n        return <Loading />;\n    }\n\n    const _handleSearchSubmit = (value: string) => {\n        setSearch(value);\n    };\n\n    const {sharedViews, userViews}: {sharedViews: IView[]; userViews: IView[]} = getViewsList.data?.views.list.reduce(\n        (acc, view) => {\n            const v: IView = prepareView(view, searchState.attributes, searchState.library.id, userData?.userId);\n\n            if (search && !localizedTranslation(v.label, lang).toUpperCase().includes(search.toUpperCase())) {\n                return acc;\n            }\n\n            if (v.shared) {\n                return {...acc, sharedViews: [...acc.sharedViews, v]};\n            }\n\n            return {...acc, userViews: [...acc.userViews, v]};\n        },\n        {sharedViews: [], userViews: []},\n    ) ?? {sharedViews: [], userViews: []};\n\n    if (getViewsList.error || getOrderDataQuery.error) {\n        return <ErrorDisplay message={(getViewsList.error || getOrderDataQuery.error).message} />;\n    }\n\n    if (!sharedViews || !userViews) {\n        return <ErrorDisplay message={t('error.error_occurred')} />;\n    }\n\n    const _showModal = (view: IView) => {\n        setEditView(view);\n    };\n\n    const _closeModal = () => {\n        setEditView(false);\n    };\n\n    const onDragEnd = async (result: DropResult, provided: ResponderProvided) => {\n        if (!result.destination) {\n            return;\n        }\n\n        const isOrderingUserViews = result.source.droppableId === 'user';\n\n        const viewsListBefore = isOrderingUserViews ? userViews : sharedViews;\n        const orderedViews = viewsListBefore.map(v => v.id);\n\n        const element = orderedViews[result.source.index];\n        orderedViews.splice(result.source.index, 1);\n        orderedViews.splice(result.destination.index, 0, element);\n\n        const keyToUpdate = isOrderingUserViews\n            ? PREFIX_USER_VIEWS_ORDER_KEY + searchState.library.id\n            : PREFIX_SHARED_VIEWS_ORDER_KEY + searchState.library.id;\n\n        await updateViewsOrder({\n            key: keyToUpdate,\n            value: orderedViews,\n            global: false,\n        });\n    };\n\n    userViews.sort(_sortViewFunction(searchState.userViewsOrder));\n    sharedViews.sort(_sortViewFunction(searchState.sharedViewsOrder));\n\n    const handleHide = () => {\n        searchDispatch({type: SearchActionTypes.TOGGLE_SIDEBAR});\n    };\n\n    return (\n        <Wrapper>\n            {editView && (\n                <EditView\n                    view={editView}\n                    visible={!!editView}\n                    onClose={_closeModal}\n                    libraryId={searchState.library.id}\n                />\n            )}\n            <Header>\n                <span>{t('view.views')}</span>\n                <Button onClick={handleHide} icon={<FontAwesomeIcon icon={faAngleLeft} />}></Button>\n            </Header>\n            <SearchWrapper>\n                <Input.Search placeholder={t('view.search')} onSearch={_handleSearchSubmit} />\n            </SearchWrapper>\n\n            <SubHeader>{t('view.shared-views')}</SubHeader>\n\n            <DragDropContext onDragEnd={onDragEnd}>\n                <Droppable droppableId=\"shared\">\n                    {providedDroppable => (\n                        <Views {...providedDroppable.droppableProps} ref={providedDroppable.innerRef}>\n                            {sharedViews.map((view, idx) => (\n                                <Draggable key={idx} draggableId={idx.toString()} index={idx}>\n                                    {provided => (\n                                        <div\n                                            ref={provided.innerRef}\n                                            {...provided.draggableProps}\n                                            {...provided.dragHandleProps}\n                                        >\n                                            <View\n                                                key={view.id}\n                                                view={view}\n                                                onEdit={() => _showModal(view)}\n                                                handleProps={provided.dragHandleProps}\n                                            />\n                                        </div>\n                                    )}\n                                </Draggable>\n                            ))}\n                            {providedDroppable.placeholder}\n                        </Views>\n                    )}\n                </Droppable>\n            </DragDropContext>\n\n            <SubHeader>\n                {t('view.my-views')}\n                <CustomBadge count={userViews.length} />\n            </SubHeader>\n            <DragDropContext onDragEnd={onDragEnd}>\n                <Droppable droppableId=\"user\">\n                    {providedDroppable => (\n                        <Views {...providedDroppable.droppableProps} ref={providedDroppable.innerRef}>\n                            {userViews.map((view, idx) => (\n                                <Draggable key={idx} draggableId={idx.toString()} index={idx}>\n                                    {provided => (\n                                        <div\n                                            ref={provided.innerRef}\n                                            {...provided.draggableProps}\n                                            {...provided.dragHandleProps}\n                                        >\n                                            <View\n                                                key={view.id}\n                                                view={view}\n                                                onEdit={() => _showModal(view)}\n                                                handleProps={provided.dragHandleProps}\n                                            />\n                                        </div>\n                                    )}\n                                </Draggable>\n                            ))}\n                            {providedDroppable.placeholder}\n                        </Views>\n                    )}\n                </Droppable>\n            </DragDropContext>\n        </Wrapper>\n    );\n}\n\nexport default ViewPanel;\n"]}
+{"version":3,"file":"ViewPanel.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/ViewPanel/ViewPanel.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 {faAngleLeft} from '@fortawesome/free-solid-svg-icons';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {localizedTranslation} from '@leav/utils';\nimport {Badge, Button, Input} from 'antd';\nimport {useState} from 'react';\nimport {DndContext, closestCenter} from '@dnd-kit/core';\nimport {SortableContext, verticalListSortingStrategy} from '@dnd-kit/sortable';\nimport styled from 'styled-components';\nimport {themeVars} from '_ui/antdTheme';\nimport {ErrorDisplay} from '_ui/components/ErrorDisplay';\nimport useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';\nimport {SearchActionTypes} from '_ui/components/LibraryItemsList/hooks/useSearchReducer/searchReducer';\nimport {Loading} from '_ui/components/Loading';\nimport {PREFIX_SHARED_VIEWS_ORDER_KEY, PREFIX_USER_VIEWS_ORDER_KEY} from '_ui/constants';\nimport {useLang} from '_ui/hooks';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {useUser} from '_ui/hooks/useUser/useUser';\nimport {type IView} from '_ui/types/views';\nimport {useGetUserDataQuery, useGetViewsListQuery} from '_ui/_gqlTypes';\nimport {prepareView} from '_ui/_utils';\nimport useUpdateViewsOrderMutation from '../hooks/useUpdateViewsOrderMutation';\nimport EditView from './EditView';\nimport View from './View';\n\nconst Wrapper = styled.div`\n    width: 100%;\n    display: flex;\n    flex-flow: column nowrap;\n    border-right: ${themeVars.borderLightColor} 1px solid;\n    overflow-y: auto;\n`;\n\nconst Header = styled.div`\n    width: 100%;\n    background-color: ${themeVars.headerBg};\n    display: grid;\n    grid-template-columns: repeat(2, auto);\n    justify-content: space-between;\n    padding: 0.3rem 0.3rem 0.3rem 1rem;\n    font-weight: 700;\n    border-bottom: 1px solid ${themeVars.borderLightColor};\n\n    & > * {\n        :first-of-type {\n            display: grid;\n            column-gap: 8px;\n            grid-template-columns: repeat(3, auto);\n            align-items: center;\n            justify-items: center;\n        }\n\n        :last-of-type {\n            display: grid;\n            align-items: center;\n            justify-content: flex-end;\n            column-gap: 8px;\n            grid-template-columns: repeat(2, auto);\n        }\n    }\n`;\n\nconst SubHeader = styled.div`\n    width: 100%;\n    border-top: ${themeVars.activeColor} 1px solid;\n    border-bottom: ${themeVars.activeColor} 1px solid;\n    padding: 0.3rem;\n    padding-left: 1rem;\n    font-weight: 700;\n    font-size: 14px;\n`;\n\nconst Views = styled.div`\n    width: 100%;\n`;\n\nconst SearchWrapper = styled.div`\n    margin: 1rem;\n`;\n\nconst CustomBadge = styled(Badge)`\n    margin-left: 8px;\n    && > * {\n        background-color: ${themeVars.borderLightColor};\n        color: ${themeVars.defaultTextColor};\n    }\n`;\n\nconst _sortViewFunction = (referenceOrder: string[]) => (viewA: IView, viewB: IView) => {\n    const orderA = referenceOrder.indexOf(viewA.id);\n    const orderB = referenceOrder.indexOf(viewB.id);\n    const isAOrdered = orderA !== -1;\n    const isBOrdered = orderB !== -1;\n\n    if (isAOrdered && isBOrdered) {\n        return orderA - orderB;\n    } else if (isAOrdered && !isBOrdered) {\n        return -1;\n    } else if (!isAOrdered && isBOrdered) {\n        return 1;\n    } else {\n        return Number(viewA.id) - Number(viewB.id);\n    }\n};\n\nfunction ViewPanel(): JSX.Element {\n    const {t} = useSharedTranslation();\n    const {userData} = useUser();\n    const {lang} = useLang();\n    const [search, setSearch] = useState('');\n    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();\n    const [editView, setEditView] = useState<IView | false>(false);\n\n    const {updateViewsOrder} = useUpdateViewsOrderMutation(searchState.library.id);\n\n    const getViewsList = useGetViewsListQuery({\n        variables: {\n            libraryId: searchState?.library?.id || '',\n        },\n    });\n\n    const getOrderDataQuery = useGetUserDataQuery({\n        variables: {\n            keys: [\n                PREFIX_USER_VIEWS_ORDER_KEY + searchState.library.id,\n                PREFIX_SHARED_VIEWS_ORDER_KEY + searchState.library.id,\n            ],\n        },\n        onCompleted: d => {\n            searchDispatch({\n                type: SearchActionTypes.SET_USER_VIEWS_ORDER,\n                userViewsOrder: d.userData?.data[PREFIX_USER_VIEWS_ORDER_KEY + searchState.library.id] || [],\n            });\n            searchDispatch({\n                type: SearchActionTypes.SET_SHARED_VIEWS_ORDER,\n                sharedViewsOrder: d.userData?.data[PREFIX_SHARED_VIEWS_ORDER_KEY + searchState.library.id] || [],\n            });\n        },\n    });\n\n    if (getViewsList.loading) {\n        return <Loading />;\n    }\n\n    const _handleSearchSubmit = (value: string) => {\n        setSearch(value);\n    };\n\n    const {sharedViews, userViews}: {sharedViews: IView[]; userViews: IView[]} = getViewsList.data?.views.list.reduce(\n        (acc, view) => {\n            const v: IView = prepareView(view, searchState.attributes, searchState.library.id, userData?.userId);\n\n            if (search && !localizedTranslation(v.label, lang).toUpperCase().includes(search.toUpperCase())) {\n                return acc;\n            }\n\n            if (v.shared) {\n                return {...acc, sharedViews: [...acc.sharedViews, v]};\n            }\n\n            return {...acc, userViews: [...acc.userViews, v]};\n        },\n        {sharedViews: [], userViews: []},\n    ) ?? {sharedViews: [], userViews: []};\n\n    if (getViewsList.error || getOrderDataQuery.error) {\n        return <ErrorDisplay message={(getViewsList.error || getOrderDataQuery.error).message} />;\n    }\n\n    if (!sharedViews || !userViews) {\n        return <ErrorDisplay message={t('error.error_occurred')} />;\n    }\n\n    const _showModal = (view: IView) => {\n        setEditView(view);\n    };\n\n    const _closeModal = () => {\n        setEditView(false);\n    };\n\n    const handleDragEnd = async event => {\n        const {active, over} = event;\n        if (!over || active.id === over.id) {\n            return;\n        }\n\n        let viewsList = userViews;\n        let keyToUpdate = PREFIX_USER_VIEWS_ORDER_KEY + searchState.library.id;\n        let orderType = 'userViewsOrder';\n        if (sharedViews.some(v => v.id === active.id)) {\n            viewsList = sharedViews;\n            keyToUpdate = PREFIX_SHARED_VIEWS_ORDER_KEY + searchState.library.id;\n            orderType = 'sharedViewsOrder';\n        }\n\n        const ids = viewsList.map(v => v.id);\n        const oldIndex = ids.indexOf(active.id);\n        const newIndex = ids.indexOf(over.id);\n        if (oldIndex === -1 || newIndex === -1) {\n            return;\n        }\n\n        const newOrder = [...ids];\n        newOrder.splice(oldIndex, 1);\n        newOrder.splice(newIndex, 0, active.id);\n\n        if (orderType === 'userViewsOrder') {\n            searchDispatch({\n                type: SearchActionTypes.SET_USER_VIEWS_ORDER,\n                userViewsOrder: newOrder,\n            });\n        } else {\n            searchDispatch({\n                type: SearchActionTypes.SET_SHARED_VIEWS_ORDER,\n                sharedViewsOrder: newOrder,\n            });\n        }\n\n        await updateViewsOrder({\n            key: keyToUpdate,\n            value: newOrder,\n            global: false,\n        });\n    };\n\n    userViews.sort(_sortViewFunction(searchState.userViewsOrder));\n    sharedViews.sort(_sortViewFunction(searchState.sharedViewsOrder));\n\n    const handleHide = () => {\n        searchDispatch({type: SearchActionTypes.TOGGLE_SIDEBAR});\n    };\n\n    return (\n        <Wrapper>\n            {editView && (\n                <EditView\n                    view={editView}\n                    visible={!!editView}\n                    onClose={_closeModal}\n                    libraryId={searchState.library.id}\n                />\n            )}\n            <Header>\n                <span>{t('view.views')}</span>\n                <Button onClick={handleHide} icon={<FontAwesomeIcon icon={faAngleLeft} />}></Button>\n            </Header>\n            <SearchWrapper>\n                <Input.Search placeholder={t('view.search')} onSearch={_handleSearchSubmit} />\n            </SearchWrapper>\n\n            <DndContext collisionDetection={closestCenter} onDragEnd={handleDragEnd}>\n                <SubHeader>{t('view.shared-views')}</SubHeader>\n                <SortableContext items={sharedViews.map(v => v.id)} strategy={verticalListSortingStrategy}>\n                    <Views>\n                        {sharedViews.map(view => (\n                            <View key={view.id} view={view} onEdit={() => _showModal(view)} />\n                        ))}\n                    </Views>\n                </SortableContext>\n                <SubHeader>\n                    {t('view.my-views')}\n                    <CustomBadge count={userViews.length} />\n                </SubHeader>\n                <SortableContext items={userViews.map(v => v.id)} strategy={verticalListSortingStrategy}>\n                    <Views>\n                        {userViews.map(view => (\n                            <View key={view.id} view={view} onEdit={() => _showModal(view)} />\n                        ))}\n                    </Views>\n                </SortableContext>\n            </DndContext>\n        </Wrapper>\n    );\n}\n\nexport default ViewPanel;\n"]}

package/dist/components/Notifications/hooks/useNotificationSubscription.js

@@ -7,7 +7,8 @@ import { SUBSCRIPTION_NOTIFICATION_DURATION } from '../../../constants';
 import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
 import { KitButton, KitSpace, KitNotification, KitTypography } from 'aristid-ds';
 import dayjs from 'dayjs';
-import { FaDownload } from 'react-icons/fa';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faDownload } from '@fortawesome/free-solid-svg-icons';
 export const useNotificationsSubscription = () => {
     const { t } = useSharedTranslation();
     return useNotificationSubscription({
@@ -23,7 +24,7 @@ export const useNotificationsSubscription = () => {
                 description: message,
                 messageExtra: (_jsx(KitTypography.Text, { size: "fontSize7", children: dayjs.unix(date).format('HH:mm DD/MM/YYYY') })),
                 duration: SUBSCRIPTION_NOTIFICATION_DURATION,
-                footer: (_jsxs(KitSpace, { direction: "horizontal", size: "xs", children: [attachments?.map(attachment => (_jsx(KitButton, { type: "secondary", onClick: () => window.open(attachment.url, '_blank'), icon: _jsx(FaDownload, {}), children: t('global.download') }, attachment.url))), relatedEntities?.map(relatedEntity => (_jsx(KitButton, { type: "secondary", onClick: () => {
+                footer: (_jsxs(KitSpace, { direction: "horizontal", size: "xs", children: [attachments?.map(attachment => (_jsx(KitButton, { type: "secondary", onClick: () => window.open(attachment.url, '_blank'), icon: _jsx(FontAwesomeIcon, { icon: faDownload }), children: t('global.download') }, attachment.url))), relatedEntities?.map(relatedEntity => (_jsx(KitButton, { type: "secondary", onClick: () => {
                                 window.location.href = relatedEntity.url;
                             }, children: t('global.show') }, relatedEntity.url)))] })),
             });

package/dist/components/Notifications/hooks/useNotificationSubscription.js.map

@@ -1 +1 @@
-{"version":3,"file":"useNotificationSubscription.js","sourceRoot":"","sources":["../../../../src/components/Notifications/hooks/useNotificationSubscription.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,2BAA2B,EAAC,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAC,kCAAkC,EAAC,MAAM,eAAe,CAAC;AACjE,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,aAAa,EAAC,MAAM,YAAY,CAAC;AAC/E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAE1C,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,EAAE;IAC7C,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,OAAO,2BAA2B,CAAC;QAC/B,MAAM,EAAE,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;YACf,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;gBACnC,OAAO;YACX,CAAC;YACD,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,IAAI,EAAC,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC;YAE3F,MAAM,oBAAoB,GAAG,OAAO,eAAe,CAAC,KAAK,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;YAE3F,eAAe,CAAC,oBAAoB,CAAC,CAAC;gBAClC,QAAQ,EAAE,IAAI;gBACd,OAAO,EAAE,KAAK;gBACd,WAAW,EAAE,OAAO;gBACpB,YAAY,EAAE,CACV,KAAC,aAAa,CAAC,IAAI,IAAC,IAAI,EAAC,WAAW,YAC/B,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,GAC3B,CACxB;gBACD,QAAQ,EAAE,kCAAkC;gBAC5C,MAAM,EAAE,CACJ,MAAC,QAAQ,IAAC,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,IAAI,aACrC,WAAW,EAAE,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CAC5B,KAAC,SAAS,IAEN,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,QAAQ,CAAC,EACpD,IAAI,EAAE,KAAC,UAAU,KAAG,YAEnB,CAAC,CAAC,iBAAiB,CAAC,IALhB,UAAU,CAAC,GAAG,CAMX,CACf,CAAC,EACD,eAAe,EAAE,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC,CACnC,KAAC,SAAS,IAEN,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,GAAG,EAAE;gCACV,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,aAAa,CAAC,GAAG,CAAC;4BAC7C,CAAC,YAEA,CAAC,CAAC,aAAa,CAAC,IANZ,aAAa,CAAC,GAAG,CAOd,CACf,CAAC,IACK,CACd;aACJ,CAAC,CAAC;QACP,CAAC;KACJ,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,eAAe,4BAA4B,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 {useNotificationSubscription} from '_ui/_gqlTypes';\nimport {SUBSCRIPTION_NOTIFICATION_DURATION} from '_ui/constants';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {KitButton, KitSpace, KitNotification, KitTypography} from 'aristid-ds';\nimport dayjs from 'dayjs';\nimport {FaDownload} from 'react-icons/fa';\n\nexport const useNotificationsSubscription = () => {\n    const {t} = useSharedTranslation();\n    return useNotificationSubscription({\n        onData: ({data}) => {\n            if (!data?.data?.notification?.title) {\n                return;\n            }\n            const {level, title, message, attachments, relatedEntities, date} = data.data.notification;\n\n            const kitNotificationLevel = typeof KitNotification[level] === 'function' ? level : 'info';\n\n            KitNotification[kitNotificationLevel]({\n                closable: true,\n                message: title,\n                description: message,\n                messageExtra: (\n                    <KitTypography.Text size=\"fontSize7\">\n                        {dayjs.unix(date).format('HH:mm DD/MM/YYYY')}\n                    </KitTypography.Text>\n                ),\n                duration: SUBSCRIPTION_NOTIFICATION_DURATION,\n                footer: (\n                    <KitSpace direction=\"horizontal\" size=\"xs\">\n                        {attachments?.map(attachment => (\n                            <KitButton\n                                key={attachment.url}\n                                type=\"secondary\"\n                                onClick={() => window.open(attachment.url, '_blank')}\n                                icon={<FaDownload />}\n                            >\n                                {t('global.download')}\n                            </KitButton>\n                        ))}\n                        {relatedEntities?.map(relatedEntity => (\n                            <KitButton\n                                key={relatedEntity.url}\n                                type=\"secondary\"\n                                onClick={() => {\n                                    window.location.href = relatedEntity.url;\n                                }}\n                            >\n                                {t('global.show')}\n                            </KitButton>\n                        ))}\n                    </KitSpace>\n                ),\n            });\n        },\n    });\n};\n\nexport default useNotificationsSubscription;\n"]}
+{"version":3,"file":"useNotificationSubscription.js","sourceRoot":"","sources":["../../../../src/components/Notifications/hooks/useNotificationSubscription.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,2BAA2B,EAAC,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAC,kCAAkC,EAAC,MAAM,eAAe,CAAC;AACjE,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,aAAa,EAAC,MAAM,YAAY,CAAC;AAC/E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,UAAU,EAAC,MAAM,mCAAmC,CAAC;AAE7D,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,EAAE;IAC7C,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,OAAO,2BAA2B,CAAC;QAC/B,MAAM,EAAE,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;YACf,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;gBACnC,OAAO;YACX,CAAC;YACD,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,IAAI,EAAC,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC;YAE3F,MAAM,oBAAoB,GAAG,OAAO,eAAe,CAAC,KAAK,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;YAE3F,eAAe,CAAC,oBAAoB,CAAC,CAAC;gBAClC,QAAQ,EAAE,IAAI;gBACd,OAAO,EAAE,KAAK;gBACd,WAAW,EAAE,OAAO;gBACpB,YAAY,EAAE,CACV,KAAC,aAAa,CAAC,IAAI,IAAC,IAAI,EAAC,WAAW,YAC/B,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,GAC3B,CACxB;gBACD,QAAQ,EAAE,kCAAkC;gBAC5C,MAAM,EAAE,CACJ,MAAC,QAAQ,IAAC,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,IAAI,aACrC,WAAW,EAAE,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CAC5B,KAAC,SAAS,IAEN,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,QAAQ,CAAC,EACpD,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,UAAU,GAAI,YAE1C,CAAC,CAAC,iBAAiB,CAAC,IALhB,UAAU,CAAC,GAAG,CAMX,CACf,CAAC,EACD,eAAe,EAAE,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC,CACnC,KAAC,SAAS,IAEN,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,GAAG,EAAE;gCACV,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,aAAa,CAAC,GAAG,CAAC;4BAC7C,CAAC,YAEA,CAAC,CAAC,aAAa,CAAC,IANZ,aAAa,CAAC,GAAG,CAOd,CACf,CAAC,IACK,CACd;aACJ,CAAC,CAAC;QACP,CAAC;KACJ,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,eAAe,4BAA4B,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 {useNotificationSubscription} from '_ui/_gqlTypes';\nimport {SUBSCRIPTION_NOTIFICATION_DURATION} from '_ui/constants';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {KitButton, KitSpace, KitNotification, KitTypography} from 'aristid-ds';\nimport dayjs from 'dayjs';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faDownload} from '@fortawesome/free-solid-svg-icons';\n\nexport const useNotificationsSubscription = () => {\n    const {t} = useSharedTranslation();\n    return useNotificationSubscription({\n        onData: ({data}) => {\n            if (!data?.data?.notification?.title) {\n                return;\n            }\n            const {level, title, message, attachments, relatedEntities, date} = data.data.notification;\n\n            const kitNotificationLevel = typeof KitNotification[level] === 'function' ? level : 'info';\n\n            KitNotification[kitNotificationLevel]({\n                closable: true,\n                message: title,\n                description: message,\n                messageExtra: (\n                    <KitTypography.Text size=\"fontSize7\">\n                        {dayjs.unix(date).format('HH:mm DD/MM/YYYY')}\n                    </KitTypography.Text>\n                ),\n                duration: SUBSCRIPTION_NOTIFICATION_DURATION,\n                footer: (\n                    <KitSpace direction=\"horizontal\" size=\"xs\">\n                        {attachments?.map(attachment => (\n                            <KitButton\n                                key={attachment.url}\n                                type=\"secondary\"\n                                onClick={() => window.open(attachment.url, '_blank')}\n                                icon={<FontAwesomeIcon icon={faDownload} />}\n                            >\n                                {t('global.download')}\n                            </KitButton>\n                        ))}\n                        {relatedEntities?.map(relatedEntity => (\n                            <KitButton\n                                key={relatedEntity.url}\n                                type=\"secondary\"\n                                onClick={() => {\n                                    window.location.href = relatedEntity.url;\n                                }}\n                            >\n                                {t('global.show')}\n                            </KitButton>\n                        ))}\n                    </KitSpace>\n                ),\n            });\n        },\n    });\n};\n\nexport default useNotificationsSubscription;\n"]}

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

@@ -17,6 +17,7 @@ interface IEditRecordProps {
     sidebarContainer?: HTMLElement;
     containerStyle?: CSSObject;
     withInfoButton: boolean;
+    removePadding?: boolean;
 }
 export declare const EditRecord: FunctionComponent<IEditRecordProps>;
 export {};

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

@@ -29,12 +29,12 @@ const Container = styled.div `
 `;
 const Content = styled.div `
     grid-area: content;
-    padding: 24px;
+    padding: ${props => (props.$removePadding ? 'unset' : '24px')};
     overflow-x: hidden;
     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, containerStyle, withInfoButton, }) => {
+export const EditRecord = ({ antdForm, formId, isFormCreationMode, formElementId, record, library: libraryId, onCreate, valuesVersion, enableSidebar = false, showSidebar = false, sidebarContainer, containerStyle, withInfoButton, removePadding = false, }) => {
     const [state, dispatch] = useReducer(editRecordReducer, {
         ...initialState,
         record,
@@ -162,6 +162,6 @@ export const EditRecord = ({ antdForm, formId, isFormCreationMode, formElementId
         return saveValues(record, valuesToSave, version, true);
     };
     const shouldUseLayoutWithSidebar = state.enableSidebar && state.isOpenSidebar && sidebarContainer === undefined;
-    return (_jsx(ErrorBoundary, { children: _jsx(EditRecordReducerContext.Provider, { value: { state, dispatch }, children: _jsxs(Container, { "$shouldUseLayoutWithSidebar": shouldUseLayoutWithSidebar, style: containerStyle, children: [_jsx(EditRecordButtons, {}), _jsx(Content, { "$shouldUseLayoutWithSidebar": shouldUseLayoutWithSidebar, 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 })) }), _jsx(EditRecordSidebar, { onMetadataSubmit: _handleMetadataSubmit, sidebarContainer: sidebarContainer })] }) }) }));
+    return (_jsx(ErrorBoundary, { children: _jsx(EditRecordReducerContext.Provider, { value: { state, dispatch }, children: _jsxs(Container, { "$shouldUseLayoutWithSidebar": shouldUseLayoutWithSidebar, style: containerStyle, children: [_jsx(EditRecordButtons, {}), _jsx(Content, { "$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 })) }), _jsx(EditRecordSidebar, { onMetadataSubmit: _handleMetadataSubmit, sidebarContainer: sidebarContainer })] }) }) }));
 };
 //# 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":"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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 {\n    type IRecordPropertyLink,\n    type IRecordPropertyStandard,\n    type IRecordPropertyTree,\n} from '../../../_queries/records/getRecordPropertiesQuery';\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 MetadataSubmitValueFunc,\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;\n    enableSidebar?: boolean;\n    sidebarContainer?: HTMLElement;\n    containerStyle?: CSSObject;\n    withInfoButton: boolean;\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}>`\n    grid-area: content;\n    padding: 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    containerStyle,\n    withInfoButton,\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    const _handleMetadataSubmit: MetadataSubmitValueFunc = (value, attribute, metadata) => {\n        let valueContent;\n        switch (attribute.type) {\n            case AttributeType.simple:\n            case AttributeType.advanced:\n                valueContent = (value as IRecordPropertyStandard).raw_payload;\n                break;\n            case AttributeType.advanced_link:\n            case AttributeType.simple_link:\n                valueContent = (value as IRecordPropertyLink).linkValue;\n                break;\n            case AttributeType.tree:\n                valueContent = (value as IRecordPropertyTree).treeValue;\n                break;\n        }\n\n        return _handleValueSubmit(\n            [\n                {\n                    idValue: value.id_value,\n                    attribute,\n                    value: valueContent,\n                    metadata,\n                },\n            ],\n            null,\n        );\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 = state.enableSidebar && state.isOpenSidebar && sidebarContainer === undefined;\n\n    return (\n        <ErrorBoundary>\n            <EditRecordReducerContext.Provider value={{state, dispatch}}>\n                <Container $shouldUseLayoutWithSidebar={shouldUseLayoutWithSidebar} style={containerStyle}>\n                    <EditRecordButtons />\n                    <Content $shouldUseLayoutWithSidebar={shouldUseLayoutWithSidebar}>\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                    <EditRecordSidebar onMetadataSubmit={_handleMetadataSubmit} 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 {\n    type IRecordPropertyLink,\n    type IRecordPropertyStandard,\n    type IRecordPropertyTree,\n} from '../../../_queries/records/getRecordPropertiesQuery';\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 MetadataSubmitValueFunc,\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;\n    enableSidebar?: boolean;\n    sidebarContainer?: HTMLElement;\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    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    const _handleMetadataSubmit: MetadataSubmitValueFunc = (value, attribute, metadata) => {\n        let valueContent;\n        switch (attribute.type) {\n            case AttributeType.simple:\n            case AttributeType.advanced:\n                valueContent = (value as IRecordPropertyStandard).raw_payload;\n                break;\n            case AttributeType.advanced_link:\n            case AttributeType.simple_link:\n                valueContent = (value as IRecordPropertyLink).linkValue;\n                break;\n            case AttributeType.tree:\n                valueContent = (value as IRecordPropertyTree).treeValue;\n                break;\n        }\n\n        return _handleValueSubmit(\n            [\n                {\n                    idValue: value.id_value,\n                    attribute,\n                    value: valueContent,\n                    metadata,\n                },\n            ],\n            null,\n        );\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 = state.enableSidebar && state.isOpenSidebar && sidebarContainer === undefined;\n\n    return (\n        <ErrorBoundary>\n            <EditRecordReducerContext.Provider value={{state, dispatch}}>\n                <Container $shouldUseLayoutWithSidebar={shouldUseLayoutWithSidebar} style={containerStyle}>\n                    <EditRecordButtons />\n                    <Content $shouldUseLayoutWithSidebar={shouldUseLayoutWithSidebar} $removePadding={removePadding}>\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                    <EditRecordSidebar onMetadataSubmit={_handleMetadataSubmit} sidebarContainer={sidebarContainer} />\n                </Container>\n            </EditRecordReducerContext.Provider>\n        </ErrorBoundary>\n    );\n};\n"]}

package/dist/components/RecordEdition/EditRecordContent/antdUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"antdUtils.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecordContent/antdUtils.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 {\n    type IRecordForm,\n    type RecordFormElementAttribute,\n    type RecordFormElementsValue,\n    type RecordFormElementsValueLinkValue,\n    type RecordFormElementsValueStandardValue,\n} from '_ui/hooks/useGetRecordForm';\nimport {AttributeFormat, AttributeType} from '_ui/_gqlTypes';\nimport {type IDateRangeValue} from '@leav/utils';\nimport {type Store} from 'antd/lib/form/interface';\nimport dayjs from 'dayjs';\n\nconst hasDateRangeValues = (dateRange: unknown): dateRange is IDateRangeValue =>\n    (dateRange as IDateRangeValue).from !== undefined && (dateRange as IDateRangeValue).to !== undefined;\n\nconst getCalculatedValue = values => values.find(value => value.isCalculated);\n\nconst getInheritedValue = values => values.find(value => value.isInherited);\n\nconst getUserInputValue = values =>\n    values.find(value => !value.isInherited && !value.isCalculated && value.raw_payload !== null);\n\nconst isRecordFormElementsValueLinkValue = (\n    value: RecordFormElementsValue,\n    attribute: RecordFormElementAttribute,\n): value is RecordFormElementsValueLinkValue =>\n    attribute.type === AttributeType.simple_link ||\n    (attribute.type === AttributeType.advanced_link && attribute.multiple_values === false);\n\nconst isRecordFormElementsValueLinkValues = (\n    values: RecordFormElementsValue[],\n    attribute: RecordFormElementAttribute,\n): values is RecordFormElementsValueLinkValue[] =>\n    attribute.type === AttributeType.advanced_link && attribute.multiple_values === true;\n\nconst isRecordFormElementsMultipleValues = (attribute: RecordFormElementAttribute) =>\n    attribute.type === AttributeType.advanced && attribute.multiple_values === true;\n\nconst formatStandardInitialValue = (\n    standardValue: RecordFormElementsValueStandardValue,\n    attribute: RecordFormElementAttribute,\n) => {\n    if (!standardValue?.raw_payload) {\n        return getEmptyInitialValue(attribute);\n    }\n\n    switch (attribute.format) {\n        case AttributeFormat.color:\n        case AttributeFormat.text:\n        case AttributeFormat.rich_text:\n        case AttributeFormat.boolean:\n            return standardValue.raw_payload;\n        case AttributeFormat.numeric:\n            return Number(standardValue.raw_payload);\n        case AttributeFormat.date:\n            return dayjs.unix(Number(standardValue.raw_payload));\n        case AttributeFormat.date_range:\n            if (hasDateRangeValues(standardValue.raw_payload)) {\n                return [\n                    dayjs.unix(Number(standardValue.raw_payload.from)),\n                    dayjs.unix(Number(standardValue.raw_payload.to)),\n                ];\n            } else if (typeof standardValue.raw_payload === 'string') {\n                const convertedFieldValue = JSON.parse(standardValue.raw_payload) as any;\n                return [dayjs.unix(Number(convertedFieldValue.from)), dayjs.unix(Number(convertedFieldValue.to))];\n            }\n    }\n};\n\nexport const EMPTY_INITIAL_VALUE_STRING = '';\nexport const EMPTY_INITIAL_VALUE_UNDEFINED = undefined;\n\nexport const getEmptyInitialValue = (attribute: RecordFormElementAttribute) => {\n    if ([AttributeFormat.date_range, AttributeFormat.color].includes(attribute.format)) {\n        return EMPTY_INITIAL_VALUE_UNDEFINED;\n    }\n    return EMPTY_INITIAL_VALUE_STRING;\n};\n\nexport const getAntdDisplayedValue = (\n    values: RecordFormElementsValueStandardValue[],\n    attribute: RecordFormElementAttribute,\n) =>\n    formatStandardInitialValue(\n        getUserInputValue(values) ?? getInheritedValue(values) ?? getCalculatedValue(values) ?? null,\n        attribute,\n    );\n\nexport const getAntdFormInitialValues = (recordForm: IRecordForm) =>\n    recordForm.elements.reduce<Store>((acc, {attribute, values}) => {\n        if (!attribute) {\n            return acc;\n        }\n\n        const value = getUserInputValue(values) ?? getInheritedValue(values) ?? getCalculatedValue(values) ?? null;\n\n        if (isRecordFormElementsValueLinkValue(value, attribute)) {\n            acc[attribute.id] = value?.linkValue?.id;\n            return acc;\n        }\n\n        if (isRecordFormElementsValueLinkValues(values, attribute)) {\n            acc[attribute.id] = values.map(val => val?.linkValue?.id ?? undefined);\n            return acc;\n        }\n\n        if (isRecordFormElementsMultipleValues(attribute)) {\n            const userInputValues = values.filter(val => val.id_value);\n            const calculatedValues = values.filter(val => val.isCalculated);\n            const inheritedValues = values.filter(val => val.isInherited);\n\n            const effectiveValues =\n                userInputValues.length > 0\n                    ? userInputValues\n                    : calculatedValues.length > 0\n                      ? calculatedValues\n                      : inheritedValues.length > 0\n                        ? inheritedValues\n                        : [];\n\n            acc[attribute.id] =\n                effectiveValues.length === 0\n                    ? [getEmptyInitialValue(attribute)]\n                    : effectiveValues\n                          .sort((a, b) => Number(a.id_value) - Number(b.id_value))\n                          .map(val => formatStandardInitialValue(val, attribute));\n            return acc;\n        }\n\n        const standardValue = value as RecordFormElementsValueStandardValue;\n\n        acc[attribute.id] = formatStandardInitialValue(standardValue, attribute);\n\n        return acc;\n    }, {});\n"]}
+{"version":3,"file":"antdUtils.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecordContent/antdUtils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {\n    type IRecordForm,\n    type RecordFormElementAttribute,\n    type RecordFormElementsValue,\n    type RecordFormElementsValueLinkValue,\n    type RecordFormElementsValueStandardValue,\n} from '_ui/hooks/useGetRecordForm';\nimport {AttributeFormat, AttributeType} from '_ui/_gqlTypes';\nimport {type IDateRangeValue} from '@leav/utils';\nimport {type Store} from 'antd/lib/form/interface';\nimport dayjs from 'dayjs';\n\nconst hasDateRangeValues = (dateRange: unknown): dateRange is IDateRangeValue =>\n    (dateRange as IDateRangeValue).from !== undefined && (dateRange as IDateRangeValue).to !== undefined;\n\nconst getCalculatedValue = values => values.find(value => value.isCalculated);\n\nconst getInheritedValue = values => values.find(value => value.isInherited);\n\nconst getUserInputValue = values =>\n    values.find(value => !value.isInherited && !value.isCalculated && value.raw_payload !== null);\n\nconst isRecordFormElementsValueLinkValue = (\n    value: RecordFormElementsValue,\n    attribute: RecordFormElementAttribute,\n): value is RecordFormElementsValueLinkValue =>\n    attribute.type === AttributeType.simple_link ||\n    (attribute.type === AttributeType.advanced_link && attribute.multiple_values === false);\n\nconst isRecordFormElementsValueLinkValues = (\n    values: RecordFormElementsValue[],\n    attribute: RecordFormElementAttribute,\n): values is RecordFormElementsValueLinkValue[] =>\n    attribute.type === AttributeType.advanced_link && attribute.multiple_values === true;\n\nconst isRecordFormElementsMultipleValues = (attribute: RecordFormElementAttribute) =>\n    attribute.type === AttributeType.advanced && attribute.multiple_values === true;\n\nconst formatStandardInitialValue = (\n    standardValue: RecordFormElementsValueStandardValue,\n    attribute: RecordFormElementAttribute,\n) => {\n    if (!standardValue?.raw_payload) {\n        return getEmptyInitialValue(attribute);\n    }\n\n    switch (attribute.format) {\n        case AttributeFormat.color:\n        case AttributeFormat.text:\n        case AttributeFormat.rich_text:\n        case AttributeFormat.boolean:\n            return standardValue.raw_payload;\n        case AttributeFormat.numeric:\n            return Number(standardValue.raw_payload);\n        case AttributeFormat.date:\n            return dayjs.unix(Number(standardValue.raw_payload));\n        case AttributeFormat.date_range:\n            if (hasDateRangeValues(standardValue.raw_payload)) {\n                return [\n                    dayjs.unix(Number(standardValue.raw_payload.from)),\n                    dayjs.unix(Number(standardValue.raw_payload.to)),\n                ];\n            } else if (typeof standardValue.raw_payload === 'string') {\n                const convertedFieldValue = JSON.parse(standardValue.raw_payload) as any;\n                return [dayjs.unix(Number(convertedFieldValue.from)), dayjs.unix(Number(convertedFieldValue.to))];\n            }\n    }\n};\n\nexport const EMPTY_INITIAL_VALUE_STRING = '';\nexport const EMPTY_INITIAL_VALUE_UNDEFINED = undefined;\n\nexport const getEmptyInitialValue = (attribute: RecordFormElementAttribute) => {\n    if ([AttributeFormat.date_range, AttributeFormat.color].includes(attribute.format)) {\n        return EMPTY_INITIAL_VALUE_UNDEFINED;\n    }\n    return EMPTY_INITIAL_VALUE_STRING;\n};\n\nexport const getAntdDisplayedValue = (\n    values: RecordFormElementsValueStandardValue[],\n    attribute: RecordFormElementAttribute,\n) =>\n    formatStandardInitialValue(\n        getUserInputValue(values) ?? getInheritedValue(values) ?? getCalculatedValue(values) ?? null,\n        attribute,\n    );\n\nexport const getAntdFormInitialValues = (recordForm: IRecordForm) =>\n    recordForm.elements.reduce<Store>((acc, {attribute, values}) => {\n        if (!attribute) {\n            return acc;\n        }\n\n        const value = getUserInputValue(values) ?? getInheritedValue(values) ?? getCalculatedValue(values) ?? null;\n\n        if (isRecordFormElementsValueLinkValue(value, attribute)) {\n            acc[attribute.id] = value?.linkValue?.id;\n            return acc;\n        }\n\n        if (isRecordFormElementsValueLinkValues(values, attribute)) {\n            acc[attribute.id] = values.map(val => val?.linkValue?.id ?? undefined);\n            return acc;\n        }\n\n        if (isRecordFormElementsMultipleValues(attribute)) {\n            const userInputValues = values.filter(val => val.id_value);\n            const calculatedValues = values.filter(val => val.isCalculated);\n            const inheritedValues = values.filter(val => val.isInherited);\n\n            const effectiveValues =\n                userInputValues.length > 0\n                    ? userInputValues\n                    : calculatedValues.length > 0\n                      ? calculatedValues\n                      : inheritedValues.length > 0\n                        ? inheritedValues\n                        : [];\n\n            acc[attribute.id] =\n                effectiveValues.length === 0\n                    ? [getEmptyInitialValue(attribute)]\n                    : effectiveValues\n                          .sort((a, b) => Number(a.id_value) - Number(b.id_value))\n                          .map(val => formatStandardInitialValue(val, attribute));\n            return acc;\n        }\n\n        const standardValue = value as RecordFormElementsValueStandardValue;\n\n        acc[attribute.id] = formatStandardInitialValue(standardValue, attribute);\n\n        return acc;\n    }, {});\n"]}

package/dist/components/RecordEdition/EditRecordContent/hooks/__mocks__/useDeleteValueMutation.d.ts

@@ -1,3 +1,3 @@
 export default function useDeleteValueMutation(): {
-    deleteValue: jest.Mock<any, any>;
+    deleteValue: jest.Mock<any, any, any>;
 };

package/dist/components/RecordEdition/EditRecordContent/hooks/__mocks__/useSaveValueMutation.d.ts

@@ -1,3 +1,3 @@
 export default function useSaveValueMutation(): {
-    saveValue: jest.Mock<any, any>;
+    saveValue: jest.Mock<any, any, any>;
 };

package/dist/components/RecordEdition/EditRecordContent/shared/ValuesVersionBtn/ValuesVersionBtn.js

@@ -3,12 +3,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { Button, Dropdown, Space } from 'antd';
-import { VscLayers, VscLayersActive } from 'react-icons/vsc';
-import { themeVars } from '../../../../../antdTheme';
 import { BasicButton } from '../../../../../components';
 import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
 import { getValueVersionLabel } from '../../../../../_utils';
 import { VersionFieldScope } from '../../_types';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faLayerGroup } from '@fortawesome/free-solid-svg-icons';
 function ValuesVersionBtn({ versions, activeScope, onScopeChange, basic, ...buttonProps }) {
     const { t } = useSharedTranslation();
     const hasInheritedVersion = !!versions[VersionFieldScope.INHERITED];
@@ -18,37 +18,22 @@ function ValuesVersionBtn({ versions, activeScope, onScopeChange, basic, ...butt
         onScopeChange(item.key);
     };
     const currentVersionLabel = getValueVersionLabel(versions[VersionFieldScope.CURRENT]);
-    const iconProps = {
-        size: '1.8em',
-        style: {
-            paddingTop: '5px',
-        },
-    };
-    const icon = activeScope === VersionFieldScope.CURRENT ? _jsx(VscLayersActive, { ...iconProps }) : _jsx(VscLayers, { ...iconProps });
     const menuItems = [
         {
             key: VersionFieldScope.CURRENT,
-            label: (_jsxs(Space, { style: { paddingLeft: hasInheritedVersion ? '1rem' : 0 }, children: [icon, currentVersionLabel] })),
+            label: (_jsxs(Space, { style: { paddingLeft: hasInheritedVersion ? '1rem' : 0 }, children: [_jsx(FontAwesomeIcon, { icon: faLayerGroup }), currentVersionLabel] })),
             onClick: _handleVersionSelect,
         },
     ];
     if (hasInheritedVersion) {
         const inheritedVersionLabel = getValueVersionLabel(versions[VersionFieldScope.INHERITED]) + ` (${t('values_version.inherited_value')})`;
-        const inheritedIconProps = {
-            size: '1.8em',
-            style: {
-                paddingTop: '5px',
-                color: themeVars.inheritedValuesVersionColor,
-            },
-        };
-        const inheritedIcon = activeScope === VersionFieldScope.INHERITED ? (_jsx(VscLayersActive, { ...inheritedIconProps })) : (_jsx(VscLayers, { ...inheritedIconProps }));
         menuItems.unshift({
             key: VersionFieldScope.INHERITED,
-            label: (_jsxs(Space, { children: [inheritedIcon, inheritedVersionLabel] })),
+            label: (_jsxs(Space, { children: [_jsx(FontAwesomeIcon, { icon: faLayerGroup }), inheritedVersionLabel] })),
             onClick: _handleVersionSelect,
         });
     }
-    const buttonIcon = _jsx(VscLayers, { size: "1.35em", style: { paddingTop: '3px' } });
+    const buttonIcon = _jsx(FontAwesomeIcon, { icon: faLayerGroup });
     const button = basic ? (_jsx(BasicButton, { "aria-label": "values-version", shape: "circle", ...buttonProps, icon: buttonIcon, centered: true })) : (_jsx(Button, { "aria-label": "values-version", shape: "circle", ...buttonProps, icon: buttonIcon }));
     return (_jsx(Dropdown, { trigger: ['click'], menu: { items: menuItems, activeKey: activeScope }, children: button }));
 }

package/dist/components/RecordEdition/EditRecordContent/shared/ValuesVersionBtn/ValuesVersionBtn.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValuesVersionBtn.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/shared/ValuesVersionBtn/ValuesVersionBtn.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 {Button, type ButtonProps, Dropdown, Space} from 'antd';\nimport {type ItemType} from 'antd/es/menu/interface';\nimport {type MenuItemType} from 'rc-menu/lib/interface';\nimport {VscLayers, VscLayersActive} from 'react-icons/vsc';\nimport {themeVars} from '_ui/antdTheme';\nimport {BasicButton} from '_ui/components';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type IValueVersion} from '_ui/types/values';\nimport {getValueVersionLabel} from '_ui/_utils';\nimport {VersionFieldScope} from '../../_types';\n\ninterface IValuesVersionBtnProps extends Omit<ButtonProps, 'value'> {\n    versions: {[scope in VersionFieldScope]: IValueVersion};\n    activeScope: VersionFieldScope;\n    onScopeChange: (scope: VersionFieldScope) => void;\n    basic?: boolean;\n}\n\nfunction ValuesVersionBtn({\n    versions,\n    activeScope,\n    onScopeChange,\n    basic,\n    ...buttonProps\n}: IValuesVersionBtnProps): JSX.Element {\n    const {t} = useSharedTranslation();\n    const hasInheritedVersion = !!versions[VersionFieldScope.INHERITED];\n\n    const _handleVersionSelect: MenuItemType['onClick'] = item => {\n        item.domEvent.preventDefault();\n        item.domEvent.stopPropagation();\n\n        onScopeChange(item.key as VersionFieldScope);\n    };\n\n    const currentVersionLabel = getValueVersionLabel(versions[VersionFieldScope.CURRENT]);\n    const iconProps = {\n        size: '1.8em',\n        style: {\n            paddingTop: '5px',\n        },\n    };\n    const icon =\n        activeScope === VersionFieldScope.CURRENT ? <VscLayersActive {...iconProps} /> : <VscLayers {...iconProps} />;\n    const menuItems: ItemType[] = [\n        {\n            key: VersionFieldScope.CURRENT,\n            label: (\n                <Space style={{paddingLeft: hasInheritedVersion ? '1rem' : 0}}>\n                    {icon}\n                    {currentVersionLabel}\n                </Space>\n            ),\n            onClick: _handleVersionSelect,\n        },\n    ];\n\n    if (hasInheritedVersion) {\n        const inheritedVersionLabel =\n            getValueVersionLabel(versions[VersionFieldScope.INHERITED]) + ` (${t('values_version.inherited_value')})`;\n\n        const inheritedIconProps = {\n            size: '1.8em',\n            style: {\n                paddingTop: '5px',\n                color: themeVars.inheritedValuesVersionColor,\n            },\n        };\n\n        const inheritedIcon =\n            activeScope === VersionFieldScope.INHERITED ? (\n                <VscLayersActive {...inheritedIconProps} />\n            ) : (\n                <VscLayers {...inheritedIconProps} />\n            );\n        menuItems.unshift({\n            key: VersionFieldScope.INHERITED,\n            label: (\n                <Space>\n                    {inheritedIcon}\n                    {inheritedVersionLabel}\n                </Space>\n            ),\n            onClick: _handleVersionSelect,\n        });\n    }\n\n    const buttonIcon = <VscLayers size=\"1.35em\" style={{paddingTop: '3px'}} />;\n    const button = basic ? (\n        <BasicButton aria-label=\"values-version\" shape=\"circle\" {...buttonProps} icon={buttonIcon} centered />\n    ) : (\n        <Button aria-label=\"values-version\" shape=\"circle\" {...buttonProps} icon={buttonIcon} />\n    );\n\n    return (\n        <Dropdown trigger={['click']} menu={{items: menuItems, activeKey: activeScope}}>\n            {button}\n        </Dropdown>\n    );\n}\n\nexport default ValuesVersionBtn;\n"]}
+{"version":3,"file":"ValuesVersionBtn.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/shared/ValuesVersionBtn/ValuesVersionBtn.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,MAAM,EAAoB,QAAQ,EAAE,KAAK,EAAC,MAAM,MAAM,CAAC;AAI/D,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAC,oBAAoB,EAAC,MAAM,YAAY,CAAC;AAChD,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,YAAY,EAAC,MAAM,mCAAmC,CAAC;AAS/D,SAAS,gBAAgB,CAAC,EACtB,QAAQ,EACR,WAAW,EACX,aAAa,EACb,KAAK,EACL,GAAG,WAAW,EACO;IACrB,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,mBAAmB,GAAG,CAAC,CAAC,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAEpE,MAAM,oBAAoB,GAA4B,IAAI,CAAC,EAAE;QACzD,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC;QAC/B,IAAI,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC;QAEhC,aAAa,CAAC,IAAI,CAAC,GAAwB,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,oBAAoB,CAAC,QAAQ,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC;IAEtF,MAAM,SAAS,GAAe;QAC1B;YACI,GAAG,EAAE,iBAAiB,CAAC,OAAO;YAC9B,KAAK,EAAE,CACH,MAAC,KAAK,IAAC,KAAK,EAAE,EAAC,WAAW,EAAE,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAC,aACzD,KAAC,eAAe,IAAC,IAAI,EAAE,YAAY,GAAI,EACtC,mBAAmB,IAChB,CACX;YACD,OAAO,EAAE,oBAAoB;SAChC;KACJ,CAAC;IAEF,IAAI,mBAAmB,EAAE,CAAC;QACtB,MAAM,qBAAqB,GACvB,oBAAoB,CAAC,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,gCAAgC,CAAC,GAAG,CAAC;QAE9G,SAAS,CAAC,OAAO,CAAC;YACd,GAAG,EAAE,iBAAiB,CAAC,SAAS;YAChC,KAAK,EAAE,CACH,MAAC,KAAK,eACF,KAAC,eAAe,IAAC,IAAI,EAAE,YAAY,GAAI,EACtC,qBAAqB,IAClB,CACX;YACD,OAAO,EAAE,oBAAoB;SAChC,CAAC,CAAC;IACP,CAAC;IAED,MAAM,UAAU,GAAG,KAAC,eAAe,IAAC,IAAI,EAAE,YAAY,GAAI,CAAC;IAC3D,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CACnB,KAAC,WAAW,kBAAY,gBAAgB,EAAC,KAAK,EAAC,QAAQ,KAAK,WAAW,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,SAAG,CACzG,CAAC,CAAC,CAAC,CACA,KAAC,MAAM,kBAAY,gBAAgB,EAAC,KAAK,EAAC,QAAQ,KAAK,WAAW,EAAE,IAAI,EAAE,UAAU,GAAI,CAC3F,CAAC;IAEF,OAAO,CACH,KAAC,QAAQ,IAAC,OAAO,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAC,YACzE,MAAM,GACA,CACd,CAAC;AACN,CAAC;AAED,eAAe,gBAAgB,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 {Button, type ButtonProps, Dropdown, Space} from 'antd';\nimport {type ItemType} from 'antd/es/menu/interface';\nimport {type MenuItemType} from 'rc-menu/lib/interface';\nimport {themeVars} from '_ui/antdTheme';\nimport {BasicButton} from '_ui/components';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type IValueVersion} from '_ui/types/values';\nimport {getValueVersionLabel} from '_ui/_utils';\nimport {VersionFieldScope} from '../../_types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faLayerGroup} from '@fortawesome/free-solid-svg-icons';\n\ninterface IValuesVersionBtnProps extends Omit<ButtonProps, 'value'> {\n    versions: {[scope in VersionFieldScope]: IValueVersion};\n    activeScope: VersionFieldScope;\n    onScopeChange: (scope: VersionFieldScope) => void;\n    basic?: boolean;\n}\n\nfunction ValuesVersionBtn({\n    versions,\n    activeScope,\n    onScopeChange,\n    basic,\n    ...buttonProps\n}: IValuesVersionBtnProps): JSX.Element {\n    const {t} = useSharedTranslation();\n    const hasInheritedVersion = !!versions[VersionFieldScope.INHERITED];\n\n    const _handleVersionSelect: MenuItemType['onClick'] = item => {\n        item.domEvent.preventDefault();\n        item.domEvent.stopPropagation();\n\n        onScopeChange(item.key as VersionFieldScope);\n    };\n\n    const currentVersionLabel = getValueVersionLabel(versions[VersionFieldScope.CURRENT]);\n\n    const menuItems: ItemType[] = [\n        {\n            key: VersionFieldScope.CURRENT,\n            label: (\n                <Space style={{paddingLeft: hasInheritedVersion ? '1rem' : 0}}>\n                    <FontAwesomeIcon icon={faLayerGroup} />\n                    {currentVersionLabel}\n                </Space>\n            ),\n            onClick: _handleVersionSelect,\n        },\n    ];\n\n    if (hasInheritedVersion) {\n        const inheritedVersionLabel =\n            getValueVersionLabel(versions[VersionFieldScope.INHERITED]) + ` (${t('values_version.inherited_value')})`;\n\n        menuItems.unshift({\n            key: VersionFieldScope.INHERITED,\n            label: (\n                <Space>\n                    <FontAwesomeIcon icon={faLayerGroup} />\n                    {inheritedVersionLabel}\n                </Space>\n            ),\n            onClick: _handleVersionSelect,\n        });\n    }\n\n    const buttonIcon = <FontAwesomeIcon icon={faLayerGroup} />;\n    const button = basic ? (\n        <BasicButton aria-label=\"values-version\" shape=\"circle\" {...buttonProps} icon={buttonIcon} centered />\n    ) : (\n        <Button aria-label=\"values-version\" shape=\"circle\" {...buttonProps} icon={buttonIcon} />\n    );\n\n    return (\n        <Dropdown trigger={['click']} menu={{items: menuItems, activeKey: activeScope}}>\n            {button}\n        </Dropdown>\n    );\n}\n\nexport default ValuesVersionBtn;\n"]}

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/LinkField.d.ts

@@ -1,14 +1,4 @@
 import { type FunctionComponent } from 'react';
-import { type RecordFormElementsValueLinkValue } from '../../../../../hooks/useGetRecordForm/useGetRecordForm';
-import { type ILinkFieldState } from '../../reducers/linkFieldReducer/linkFieldReducer';
-import { type IFormElementProps } from '../../_types';
-import { type IFormLinkFieldSettings } from '@leav/utils/src/types/forms';
-export type LinkFieldReducerState = ILinkFieldState<RecordFormElementsValueLinkValue>;
-type LinkFieldProps = IFormElementProps<IFormLinkFieldSettings & {
-    columns?: Array<{
-        id: string;
-        label: Record<string, string>;
-    }>;
-}>;
+import { type LinkFieldProps } from './_types';
 declare const LinkField: FunctionComponent<LinkFieldProps>;
 export default LinkField;