@leav/ui 1.9.0 → 1.10.0

package/dist/components/LibraryItemsList/MenuView/MenuView.js

@@ -1,162 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { AppstoreFilled, FilterOutlined, MenuOutlined, PlusOutlined, SaveFilled } from '@ant-design/icons';
-import { localizedTranslation, objectToNameValueArray } from '@leav/utils';
-import { Badge, Button, Dropdown, Space, Tooltip } from 'antd';
-import styled from 'styled-components';
-import useSearchReducer from '../../../components/LibraryItemsList/hooks/useSearchReducer';
-import { SearchActionTypes } from '../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
-import useExecuteSaveViewMutation from '../../../hooks/useExecuteSaveViewMutation/useExecuteSaveViewMutation';
-import useLang from '../../../hooks/useLang';
-import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
-import { SidebarContentType } from '../../../types/search';
-import { ViewTypes } from '../../../_gqlTypes';
-import { prepareView } from '../../../_utils';
-import { getRequestFromFilters } from '../../../_utils/getRequestFromFilter';
-import { PREFIX_USER_VIEWS_ORDER_KEY } from '../../../constants';
-import { useUser } from '../../../hooks/useUser/useUser';
-import { defaultView } from '../constants';
-import FiltersDropdown from '../FiltersDropdown';
-import useUpdateViewsOrderMutation from '../hooks/useUpdateViewsOrderMutation';
-import IconViewType from '../IconViewType';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faUndo, faLayerGroup } from '@fortawesome/free-solid-svg-icons';
-const ViewButton = styled(Button) `
-    && {
-        display: flex;
-        align-items: center;
-    }
-`;
-const ViewLabel = styled.span `
-    width: 180px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    whitespace: nowrap;
-`;
-function MenuView({ library }) {
-    const { t } = useSharedTranslation();
-    const { lang, defaultLang } = useLang();
-    const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
-    const { userData } = useUser();
-    const { saveView: addView } = useExecuteSaveViewMutation();
-    const { updateViewsOrder } = useUpdateViewsOrderMutation(library.id);
-    const _toggleShowView = () => {
-        const visible = !searchState.sideBar.visible || searchState.sideBar.type !== SidebarContentType.VIEW;
-        searchDispatch({
-            type: SearchActionTypes.SET_SIDEBAR,
-            sidebarType: SidebarContentType.VIEW,
-            visible,
-        });
-    };
-    const _toggleShowFilters = () => {
-        const visible = !searchState.sideBar.visible || searchState.sideBar.type !== SidebarContentType.FILTERS;
-        searchDispatch({
-            type: SearchActionTypes.SET_SIDEBAR,
-            sidebarType: SidebarContentType.FILTERS,
-            visible,
-        });
-    };
-    const _toggleShowVersions = () => {
-        const visible = !searchState.sideBar.visible || searchState.sideBar.type !== SidebarContentType.FILTERS;
-        searchDispatch({
-            type: SearchActionTypes.SET_SIDEBAR,
-            sidebarType: SidebarContentType.VERSIONS,
-            visible,
-        });
-    };
-    const _resetView = () => {
-        searchDispatch({
-            type: SearchActionTypes.CHANGE_VIEW,
-            view: searchState.view.current,
-        });
-    };
-    const _getNewViewFromSearchState = () => ({
-        library: library.id,
-        label: {
-            [defaultLang]: t('view.add-view.title', { lng: defaultLang }),
-        },
-        display: searchState.display,
-        shared: false,
-        sort: searchState.sort,
-        filters: getRequestFromFilters(searchState.filters),
-        valuesVersions: searchState.valuesVersions
-            ? objectToNameValueArray(searchState.valuesVersions)
-                .map(version => ({
-                treeId: version?.name ?? null,
-                treeNode: version?.value?.id ?? null,
-            }))
-                .filter(v => v.treeId !== null && v.treeNode !== null)
-            : null,
-        attributes: searchState.fields?.map(f => f.key) ?? [],
-    });
-    const _saveView = async () => {
-        if (searchState.view.current.id !== defaultView.id) {
-            // save view in backend
-            await addView({
-                view: {
-                    ..._getNewViewFromSearchState(),
-                    id: searchState.view.current.id,
-                    label: searchState.view.current.label,
-                    description: searchState.view.current.description,
-                    shared: searchState.view.current.shared,
-                    color: searchState.view.current.color,
-                    sort: searchState.sort ?? null,
-                },
-            });
-            searchDispatch({
-                type: SearchActionTypes.SET_VIEW_SYNC,
-                sync: true,
-            });
-        }
-    };
-    const _handleAddView = async (viewType) => {
-        const newView = {
-            ..._getNewViewFromSearchState(),
-            display: { ...searchState.display, type: viewType },
-        };
-        // save view in backend
-        const newViewRes = await addView({
-            view: newView,
-        });
-        await updateViewsOrder({
-            key: PREFIX_USER_VIEWS_ORDER_KEY + newView.library,
-            value: [...searchState.userViewsOrder, newViewRes.data.saveView.id],
-            global: false,
-        });
-        searchDispatch({
-            type: SearchActionTypes.CHANGE_VIEW,
-            view: prepareView(newViewRes.data.saveView, searchState.attributes, searchState.library.id, userData?.userId),
-        });
-    };
-    const menu = {
-        items: [
-            {
-                key: 'add-group',
-                type: 'group',
-                label: t('view.add-view.title'),
-                children: [
-                    {
-                        key: 'list',
-                        onClick: () => _handleAddView(ViewTypes.list),
-                        icon: _jsx(MenuOutlined, {}),
-                        label: t('view.type-list'),
-                    },
-                    {
-                        key: 'cards',
-                        onClick: () => _handleAddView(ViewTypes.cards),
-                        icon: _jsx(AppstoreFilled, {}),
-                        label: t('view.type-cards'),
-                    },
-                ],
-            },
-        ],
-    };
-    return (_jsxs(Space, { size: "large", children: [_jsxs(Button.Group, { children: [_jsx(Tooltip, { title: localizedTranslation(searchState.view.current?.label, lang) || t('select-view.default-view'), children: _jsx(ViewButton, { icon: _jsx(IconViewType, { style: { marginRight: '8px' }, type: searchState.view.current.display.type }), "data-testid": "dropdown-view-options", onClick: _toggleShowView, children: _jsx(ViewLabel, { children: localizedTranslation(searchState.view.current?.label, lang) ||
-                                    t('select-view.default-view') }) }) }), _jsx(Button, { disabled: searchState.view.sync, icon: _jsx(FontAwesomeIcon, { icon: faUndo }), onClick: _resetView, style: { paddingTop: '6px' } }), _jsx(Button, { icon: _jsx(SaveFilled, {}), onClick: _saveView, disabled: searchState.view.sync ||
-                            searchState.view.current?.id === defaultView.id ||
-                            !searchState.view.current.owner }), _jsx(Dropdown, { menu: menu, trigger: ['click'], children: _jsx(Button, { icon: _jsx(PlusOutlined, {}) }) })] }), _jsx(Badge, { dot: !!searchState.filters.length, children: _jsxs(Button.Group, { children: [_jsx(Button, { onClick: _toggleShowFilters, icon: _jsx(FilterOutlined, {}), children: t('filters.filters') }), _jsx(FiltersDropdown, { libraryId: library.id, button: _jsx(Button, { icon: _jsx(PlusOutlined, {}), type: "default" }), attributes: library.attributes, trees: library.linkedTrees, libraries: [] })] }) }), _jsx(Button, { onClick: _toggleShowVersions, icon: _jsx(FontAwesomeIcon, { icon: faLayerGroup }), style: { paddingTop: '5px' } })] }));
-}
-export default MenuView;
-//# sourceMappingURL=MenuView.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MenuView.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/MenuView/MenuView.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 {AppstoreFilled, FilterOutlined, MenuOutlined, PlusOutlined, SaveFilled} from '@ant-design/icons';\nimport {localizedTranslation, objectToNameValueArray} from '@leav/utils';\nimport {Badge, Button, Dropdown, type MenuProps, Space, Tooltip} from 'antd';\nimport styled from 'styled-components';\nimport useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';\nimport {SearchActionTypes} from '_ui/components/LibraryItemsList/hooks/useSearchReducer/searchReducer';\nimport useExecuteSaveViewMutation from '_ui/hooks/useExecuteSaveViewMutation/useExecuteSaveViewMutation';\nimport useLang from '_ui/hooks/useLang';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {SidebarContentType} from '_ui/types/search';\nimport {type ViewInput, ViewTypes} from '_ui/_gqlTypes';\nimport {type ILibraryDetailExtended} from '_ui/_queries/libraries/getLibraryDetailExtendQuery';\nimport {prepareView} from '_ui/_utils';\nimport {getRequestFromFilters} from '_ui/_utils/getRequestFromFilter';\nimport {PREFIX_USER_VIEWS_ORDER_KEY} from '../../../constants';\nimport {useUser} from '../../../hooks/useUser/useUser';\nimport {defaultView} from '../constants';\nimport FiltersDropdown from '../FiltersDropdown';\nimport useUpdateViewsOrderMutation from '../hooks/useUpdateViewsOrderMutation';\nimport IconViewType from '../IconViewType';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faUndo, faLayerGroup} from '@fortawesome/free-solid-svg-icons';\n\ninterface IMenuViewProps {\n    library: ILibraryDetailExtended;\n}\n\nconst ViewButton = styled(Button)`\n    && {\n        display: flex;\n        align-items: center;\n    }\n`;\n\nconst ViewLabel = styled.span`\n    width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    whitespace: nowrap;\n`;\n\nfunction MenuView({library}: IMenuViewProps): JSX.Element {\n    const {t} = useSharedTranslation();\n    const {lang, defaultLang} = useLang();\n\n    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();\n    const {userData} = useUser();\n\n    const {saveView: addView} = useExecuteSaveViewMutation();\n    const {updateViewsOrder} = useUpdateViewsOrderMutation(library.id);\n\n    const _toggleShowView = () => {\n        const visible = !searchState.sideBar.visible || searchState.sideBar.type !== SidebarContentType.VIEW;\n        searchDispatch({\n            type: SearchActionTypes.SET_SIDEBAR,\n            sidebarType: SidebarContentType.VIEW,\n            visible,\n        });\n    };\n\n    const _toggleShowFilters = () => {\n        const visible = !searchState.sideBar.visible || searchState.sideBar.type !== SidebarContentType.FILTERS;\n        searchDispatch({\n            type: SearchActionTypes.SET_SIDEBAR,\n            sidebarType: SidebarContentType.FILTERS,\n            visible,\n        });\n    };\n\n    const _toggleShowVersions = () => {\n        const visible = !searchState.sideBar.visible || searchState.sideBar.type !== SidebarContentType.FILTERS;\n        searchDispatch({\n            type: SearchActionTypes.SET_SIDEBAR,\n            sidebarType: SidebarContentType.VERSIONS,\n            visible,\n        });\n    };\n\n    const _resetView = () => {\n        searchDispatch({\n            type: SearchActionTypes.CHANGE_VIEW,\n            view: searchState.view.current,\n        });\n    };\n\n    const _getNewViewFromSearchState = (): ViewInput => ({\n        library: library.id,\n        label: {\n            [defaultLang]: t('view.add-view.title', {lng: defaultLang}),\n        },\n        display: searchState.display,\n        shared: false,\n        sort: searchState.sort,\n        filters: getRequestFromFilters(searchState.filters),\n        valuesVersions: searchState.valuesVersions\n            ? objectToNameValueArray(searchState.valuesVersions)\n                  .map(version => ({\n                      treeId: version?.name ?? null,\n                      treeNode: version?.value?.id ?? null,\n                  }))\n                  .filter(v => v.treeId !== null && v.treeNode !== null)\n            : null,\n        attributes: searchState.fields?.map(f => f.key) ?? [],\n    });\n\n    const _saveView = async () => {\n        if (searchState.view.current.id !== defaultView.id) {\n            // save view in backend\n            await addView({\n                view: {\n                    ..._getNewViewFromSearchState(),\n                    id: searchState.view.current.id,\n                    label: searchState.view.current.label,\n                    description: searchState.view.current.description,\n                    shared: searchState.view.current.shared,\n                    color: searchState.view.current.color,\n                    sort: searchState.sort ?? null,\n                },\n            });\n\n            searchDispatch({\n                type: SearchActionTypes.SET_VIEW_SYNC,\n                sync: true,\n            });\n        }\n    };\n\n    const _handleAddView = async (viewType: ViewTypes) => {\n        const newView: ViewInput = {\n            ..._getNewViewFromSearchState(),\n            display: {...searchState.display, type: viewType},\n        };\n\n        // save view in backend\n        const newViewRes = await addView({\n            view: newView,\n        });\n\n        await updateViewsOrder({\n            key: PREFIX_USER_VIEWS_ORDER_KEY + newView.library,\n            value: [...searchState.userViewsOrder, newViewRes.data.saveView.id],\n            global: false,\n        });\n\n        searchDispatch({\n            type: SearchActionTypes.CHANGE_VIEW,\n            view: prepareView(\n                newViewRes.data.saveView,\n                searchState.attributes,\n                searchState.library.id,\n                userData?.userId,\n            ),\n        });\n    };\n\n    const menu: MenuProps = {\n        items: [\n            {\n                key: 'add-group',\n                type: 'group',\n                label: t('view.add-view.title'),\n                children: [\n                    {\n                        key: 'list',\n                        onClick: () => _handleAddView(ViewTypes.list),\n                        icon: <MenuOutlined />,\n                        label: t('view.type-list'),\n                    },\n                    {\n                        key: 'cards',\n                        onClick: () => _handleAddView(ViewTypes.cards),\n                        icon: <AppstoreFilled />,\n                        label: t('view.type-cards'),\n                    },\n                ],\n            },\n        ],\n    };\n\n    return (\n        <Space size=\"large\">\n            <Button.Group>\n                <Tooltip\n                    title={localizedTranslation(searchState.view.current?.label, lang) || t('select-view.default-view')}\n                >\n                    <ViewButton\n                        icon={\n                            <IconViewType style={{marginRight: '8px'}} type={searchState.view.current.display.type} />\n                        }\n                        data-testid=\"dropdown-view-options\"\n                        onClick={_toggleShowView}\n                    >\n                        <ViewLabel>\n                            {localizedTranslation(searchState.view.current?.label, lang) ||\n                                t('select-view.default-view')}\n                        </ViewLabel>\n                    </ViewButton>\n                </Tooltip>\n                <Button\n                    disabled={searchState.view.sync}\n                    icon={<FontAwesomeIcon icon={faUndo} />}\n                    onClick={_resetView}\n                    style={{paddingTop: '6px'}}\n                />\n                <Button\n                    icon={<SaveFilled />}\n                    onClick={_saveView}\n                    disabled={\n                        searchState.view.sync ||\n                        searchState.view.current?.id === defaultView.id ||\n                        !searchState.view.current.owner\n                    }\n                />\n                <Dropdown menu={menu} trigger={['click']}>\n                    <Button icon={<PlusOutlined />}></Button>\n                </Dropdown>\n            </Button.Group>\n            <Badge dot={!!searchState.filters.length}>\n                <Button.Group>\n                    <Button onClick={_toggleShowFilters} icon={<FilterOutlined />}>\n                        {t('filters.filters')}\n                    </Button>\n                    <FiltersDropdown\n                        libraryId={library.id}\n                        button={<Button icon={<PlusOutlined />} type=\"default\" />}\n                        attributes={library.attributes}\n                        trees={library.linkedTrees}\n                        libraries={[]}\n                    />\n                </Button.Group>\n            </Badge>\n            <Button\n                onClick={_toggleShowVersions}\n                icon={<FontAwesomeIcon icon={faLayerGroup} />}\n                style={{paddingTop: '5px'}}\n            />\n        </Space>\n    );\n}\n\nexport default MenuView;\n"]}

package/dist/components/LibraryItemsList/MenuView/index.d.ts

@@ -1,2 +0,0 @@
-import MenuView from './MenuView';
-export default MenuView;

package/dist/components/LibraryItemsList/MenuView/index.js

@@ -1,6 +0,0 @@
-// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import MenuView from './MenuView';
-export default MenuView;
-//# sourceMappingURL=index.js.map

package/dist/components/LibraryItemsList/MenuView/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/MenuView/index.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,eAAe,QAAQ,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 MenuView from './MenuView';\n\nexport default MenuView;\n"]}

package/dist/components/LibraryItemsList/SearchItems/SearchItems.d.ts

@@ -1,2 +0,0 @@
-declare function SearchItems(): JSX.Element;
-export default SearchItems;

package/dist/components/LibraryItemsList/SearchItems/SearchItems.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { Input } from 'antd';
-import useSearchReducer from '../../../components/LibraryItemsList/hooks/useSearchReducer';
-import { SearchActionTypes } from '../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
-import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
-function SearchItems() {
-    const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
-    const { t } = useSharedTranslation();
-    const handleChange = (event) => {
-        searchDispatch({ type: SearchActionTypes.SET_FULLTEXT, fullText: event.target.value });
-    };
-    const handleEnter = e => {
-        searchDispatch({ type: SearchActionTypes.APPLY_FILTERS });
-    };
-    return (_jsx(Input.Search, { style: { maxWidth: 500, minWidth: 250 }, placeholder: t('search.placeholder'), value: searchState.fullText, onChange: handleChange, onPressEnter: handleEnter, onSearch: handleEnter, loading: searchState.loading, allowClear: true }));
-}
-export default SearchItems;
-//# sourceMappingURL=SearchItems.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SearchItems.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/SearchItems/SearchItems.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,KAAK,EAAC,MAAM,MAAM,CAAC;AAE3B,OAAO,gBAAgB,MAAM,wDAAwD,CAAC;AACtF,OAAO,EAAC,iBAAiB,EAAC,MAAM,sEAAsE,CAAC;AACvG,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,SAAS,WAAW;IAChB,MAAM,EAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAC,GAAG,gBAAgB,EAAE,CAAC;IAE1E,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,YAAY,GAAG,CAAC,KAA0C,EAAE,EAAE;QAChE,cAAc,CAAC,EAAC,IAAI,EAAE,iBAAiB,CAAC,YAAY,EAAE,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAC,CAAC,CAAC;IACzF,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,CAAC,EAAE;QACpB,cAAc,CAAC,EAAC,IAAI,EAAE,iBAAiB,CAAC,aAAa,EAAC,CAAC,CAAC;IAC5D,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,KAAK,CAAC,MAAM,IACT,KAAK,EAAE,EAAC,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,EACrC,WAAW,EAAE,CAAC,CAAC,oBAAoB,CAAC,EACpC,KAAK,EAAE,WAAW,CAAC,QAAQ,EAC3B,QAAQ,EAAE,YAAY,EACtB,YAAY,EAAE,WAAW,EACzB,QAAQ,EAAE,WAAW,EACrB,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,UAAU,SACZ,CACL,CAAC;AACN,CAAC;AAED,eAAe,WAAW,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 {Input} from 'antd';\nimport React from 'react';\nimport useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';\nimport {SearchActionTypes} from '_ui/components/LibraryItemsList/hooks/useSearchReducer/searchReducer';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\n\nfunction SearchItems(): JSX.Element {\n    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();\n\n    const {t} = useSharedTranslation();\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        searchDispatch({type: SearchActionTypes.SET_FULLTEXT, fullText: event.target.value});\n    };\n\n    const handleEnter = e => {\n        searchDispatch({type: SearchActionTypes.APPLY_FILTERS});\n    };\n\n    return (\n        <Input.Search\n            style={{maxWidth: 500, minWidth: 250}}\n            placeholder={t('search.placeholder')}\n            value={searchState.fullText}\n            onChange={handleChange}\n            onPressEnter={handleEnter}\n            onSearch={handleEnter}\n            loading={searchState.loading}\n            allowClear\n        />\n    );\n}\n\nexport default SearchItems;\n"]}

package/dist/components/LibraryItemsList/SearchItems/index.d.ts

@@ -1,2 +0,0 @@
-import SearchItems from './SearchItems';
-export default SearchItems;

package/dist/components/LibraryItemsList/SearchItems/index.js

@@ -1,6 +0,0 @@
-// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import SearchItems from './SearchItems';
-export default SearchItems;
-//# sourceMappingURL=index.js.map

package/dist/components/LibraryItemsList/SearchItems/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/SearchItems/index.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,eAAe,WAAW,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 SearchItems from './SearchItems';\n\nexport default SearchItems;\n"]}

package/dist/components/LibraryItemsList/Sidebar/Sidebar.d.ts

@@ -1,2 +0,0 @@
-declare function Sidebar(): JSX.Element;
-export default Sidebar;

package/dist/components/LibraryItemsList/Sidebar/Sidebar.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import styled from 'styled-components';
-import { SidebarContentType } from '../../../types/search';
-import FiltersPanel from '../FiltersPanel';
-import useSearchReducer from '../hooks/useSearchReducer';
-import VersionsPanel from '../VersionsPanel';
-import ViewPanel from '../ViewPanel';
-const Wrapper = styled.div `
-    grid-area: side;
-    display: ${({ $visible }) => ($visible ? 'flex' : 'none')};
-    position: relative;
-    height: calc(100vh - 7rem);
-    overflow: hidden;
-
-    &.wrapped-filter-open {
-        animation-name: filter-animation-open;
-        animation-duration: 1s;
-        animation-timing-function: ease;
-    }
-
-    @keyframes filter-animation-open {
-        from {
-            opacity: 0;
-        }
-
-        to {
-            opacity: 1;
-        }
-    }
-
-    &.wrapped-filter-close {
-        animation-name: filter-animation-close;
-        animation-duration: 1s;
-        animation-timing-function: ease-out;
-    }
-
-    @keyframes filter-animation-close {
-        from {
-            /* transform: translate(0); */
-            opacity: 1;
-        }
-
-        to {
-            /* transform: translate(-50rem); */
-            opacity: 0;
-        }
-    }
-`;
-function Sidebar() {
-    const { state } = useSearchReducer();
-    const { visible, type } = state.sideBar;
-    return (_jsxs(Wrapper, { "$visible": visible, className: visible ? 'wrapped-filter-open' : 'wrapped-filter-close', children: [visible && type === SidebarContentType.FILTERS && _jsx(FiltersPanel, {}), visible && type === SidebarContentType.VIEW && _jsx(ViewPanel, {}), visible && type === SidebarContentType.VERSIONS && _jsx(VersionsPanel, {})] }));
-}
-export default Sidebar;
-//# sourceMappingURL=Sidebar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/Sidebar/Sidebar.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,MAAwB,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAC,kBAAkB,EAAC,MAAM,kBAAkB,CAAC;AACpD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,gBAAgB,MAAM,2BAA2B,CAAC;AACzD,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,SAAS,MAAM,cAAc,CAAC;AAOrC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAe;;eAE1B,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsC1D,CAAC;AAEF,SAAS,OAAO;IACZ,MAAM,EAAC,KAAK,EAAC,GAAG,gBAAgB,EAAE,CAAC;IACnC,MAAM,EAAC,OAAO,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC,OAAO,CAAC;IAEtC,OAAO,CACH,MAAC,OAAO,gBAAW,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,sBAAsB,aAC1F,OAAO,IAAI,IAAI,KAAK,kBAAkB,CAAC,OAAO,IAAI,KAAC,YAAY,KAAG,EAClE,OAAO,IAAI,IAAI,KAAK,kBAAkB,CAAC,IAAI,IAAI,KAAC,SAAS,KAAG,EAC5D,OAAO,IAAI,IAAI,KAAK,kBAAkB,CAAC,QAAQ,IAAI,KAAC,aAAa,KAAG,IAC/D,CACb,CAAC;AACN,CAAC;AAED,eAAe,OAAO,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 styled, {type CSSObject} from 'styled-components';\nimport {SidebarContentType} from '_ui/types/search';\nimport FiltersPanel from '../FiltersPanel';\nimport useSearchReducer from '../hooks/useSearchReducer';\nimport VersionsPanel from '../VersionsPanel';\nimport ViewPanel from '../ViewPanel';\n\ninterface IWrapperProps {\n    $visible: boolean;\n    style?: CSSObject;\n}\n\nconst Wrapper = styled.div<IWrapperProps>`\n    grid-area: side;\n    display: ${({$visible}) => ($visible ? 'flex' : 'none')};\n    position: relative;\n    height: calc(100vh - 7rem);\n    overflow: hidden;\n\n    &.wrapped-filter-open {\n        animation-name: filter-animation-open;\n        animation-duration: 1s;\n        animation-timing-function: ease;\n    }\n\n    @keyframes filter-animation-open {\n        from {\n            opacity: 0;\n        }\n\n        to {\n            opacity: 1;\n        }\n    }\n\n    &.wrapped-filter-close {\n        animation-name: filter-animation-close;\n        animation-duration: 1s;\n        animation-timing-function: ease-out;\n    }\n\n    @keyframes filter-animation-close {\n        from {\n            /* transform: translate(0); */\n            opacity: 1;\n        }\n\n        to {\n            /* transform: translate(-50rem); */\n            opacity: 0;\n        }\n    }\n`;\n\nfunction Sidebar(): JSX.Element {\n    const {state} = useSearchReducer();\n    const {visible, type} = state.sideBar;\n\n    return (\n        <Wrapper $visible={visible} className={visible ? 'wrapped-filter-open' : 'wrapped-filter-close'}>\n            {visible && type === SidebarContentType.FILTERS && <FiltersPanel />}\n            {visible && type === SidebarContentType.VIEW && <ViewPanel />}\n            {visible && type === SidebarContentType.VERSIONS && <VersionsPanel />}\n        </Wrapper>\n    );\n}\n\nexport default Sidebar;\n"]}

package/dist/components/LibraryItemsList/Sidebar/index.d.ts

@@ -1,2 +0,0 @@
-import Sidebar from './Sidebar';
-export default Sidebar;

package/dist/components/LibraryItemsList/Sidebar/index.js

@@ -1,6 +0,0 @@
-// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import Sidebar from './Sidebar';
-export default Sidebar;
-//# sourceMappingURL=index.js.map

package/dist/components/LibraryItemsList/Sidebar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/Sidebar/index.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,eAAe,OAAO,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 Sidebar from './Sidebar';\n\nexport default Sidebar;\n"]}

package/dist/components/LibraryItemsList/TileDisplay/ItemTileDisplay/ItemTileDisplay.d.ts

@@ -1,6 +0,0 @@
-import { type IItem } from '../../../../types/search';
-interface IItemTileDisplayProps {
-    item: IItem;
-}
-declare function ItemTileDisplay({ item }: IItemTileDisplayProps): JSX.Element;
-export default ItemTileDisplay;

package/dist/components/LibraryItemsList/TileDisplay/ItemTileDisplay/ItemTileDisplay.js

@@ -1,199 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { CheckCircleFilled, CheckOutlined } from '@ant-design/icons';
-import { Button, Card, Space, Tooltip } from 'antd';
-import Paragraph from 'antd/lib/typography/Paragraph';
-import { useEffect, useState } from 'react';
-import styled from 'styled-components';
-import { themeVars } from '../../../../antdTheme';
-import { EntityPreview } from '../../../../components';
-import useSearchReducer from '../../../../components/LibraryItemsList/hooks/useSearchReducer';
-import DeactivateRecordBtn from '../../../../components/LibraryItemsList/shared/DeactivateRecordBtn';
-import SelectCellsBtn from '../../../../components/LibraryItemsList/shared/SelectCellsBtn';
-import EditRecordBtn from '../../../../components/RecordEdition/EditRecordBtn';
-import { EditRecordModal } from '../../../../components/RecordEdition/EditRecordModal';
-import { PreviewSize } from '../../../../constants';
-import useLang from '../../../../hooks/useLang';
-import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
-import { stopEvent } from '../../../../_utils';
-import { displayTypeToPreviewSize } from '../../helpers/displayTypeToPreviewSize';
-import { SearchActionTypes } from '../../hooks/useSearchReducer/searchReducer';
-import getItemPreviewSize from '../helpers/getItemPreviewSize';
-import { SelectCellsBtnType } from '../../../../components/LibraryItemsList/shared/sharedUtils';
-const buttonsColor = '#333333';
-// Using 8 digit hexadecimal notation to add transparency
-const hoverBackgroundColor = `${themeVars.activeColor}AA`;
-const selectedBackgroundColor = `${themeVars.activeColor}DF`;
-const Item = styled(Card) `
-    && {
-        width: ${p => p.$previewSize};
-        margin: 0.5em;
-        outline: 2px solid transparent;
-
-        & .ant-card-cover {
-            width: ${p => p.$previewSize};
-            height: ${p => p.$previewSize};
-        }
-
-        &:hover {
-            outline-color: ${themeVars.primaryColor};
-        }
-    }
-`;
-const ImageWrapper = styled.div `
-    position: relative;
-    border-bottom: 1px solid ${themeVars.borderLightColor};
-`;
-const ActionsWrapper = styled.div `
-    display: flex;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-
-    justify-content: center;
-
-    &:hover {
-        .actions {
-            animation: show-actions 300ms ease;
-            opacity: 1;
-            background: ${hoverBackgroundColor};
-        }
-    }
-
-    @keyframes show-actions {
-        from {
-            opacity: 0;
-            background: none;
-        }
-        to {
-            opacity: 1;
-            background: ${hoverBackgroundColor};
-        }
-    }
-`;
-const Selection = styled.div `
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    cursor: pointer;
-
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: ${p => (p.checked ? selectedBackgroundColor : 'none')};
-
-    &:hover {
-        background: ${p => (p.checked ? selectedBackgroundColor : hoverBackgroundColor)};
-    }
-`;
-const SelectionActions = styled(Space) `
-    && {
-        display: none;
-        position: absolute;
-        top: 1em;
-    }
-    ${Selection}:hover & {
-        display: inherit;
-    }
-    button {
-        color: ${buttonsColor};
-        border-color: ${buttonsColor};
-    }
-`;
-const Actions = styled.div `
-    position: absolute;
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    opacity: 0;
-    width: 100%;
-    height: 100%;
-    grid-gap: 1rem;
-
-    justify-items: center;
-    align-items: center;
-    justify-content: center;
-
-    border-radius: 0.25rem 0.25rem 0 0;
-
-    button {
-        color: ${buttonsColor};
-        border-color: ${buttonsColor}66;
-
-        // Arrange buttons, depending on their position on the grid
-        &:nth-child(1) {
-            justify-self: end;
-            align-self: end;
-        }
-        &:nth-child(2) {
-            justify-self: start;
-            align-self: end;
-        }
-        &:nth-child(3) {
-            justify-self: end;
-            align-self: start;
-        }
-        &:nth-child(4) {
-            justify-self: start;
-            align-self: start;
-        }
-    }
-`;
-const CheckedIconWrapper = styled.div `
-    font-size: 3em;
-    color: ${themeVars.primaryColor};
-`;
-function ItemTileDisplay({ item }) {
-    const { t } = useSharedTranslation();
-    const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
-    const canDeleteRecord = searchState.library.permissions.delete_record;
-    const [editRecord, setEditRecord] = useState(false);
-    const previewSize = displayTypeToPreviewSize(searchState.display.size);
-    const { lang } = useLang();
-    const [isSelected, setIsSelect] = useState(!!searchState.selection.selected.some(elementSelected => elementSelected.id === item.whoAmI.id && elementSelected.library === item.whoAmI.library.id));
-    const mustShowTransparency = searchState.showTransparency;
-    const isAllSelected = searchState.selection.allSelected;
-    const selectedToggle = (e) => {
-        e.stopPropagation();
-        e.preventDefault();
-        setIsSelect(!isSelected);
-        const newSelected = {
-            id: item.whoAmI.id,
-            library: item.whoAmI.library.id,
-            label: item.whoAmI.label,
-        };
-        searchDispatch({
-            type: SearchActionTypes.TOGGLE_RECORD_SELECTION,
-            record: newSelected,
-        });
-    };
-    useEffect(() => {
-        setIsSelect(searchState.selection.selected.some(elementSelected => elementSelected.id === item.whoAmI.id && elementSelected.library === item.whoAmI.library.id));
-    }, [searchState.selection, item, searchState]);
-    const _handleClose = () => {
-        setEditRecord(false);
-    };
-    const _handleSelect = e => {
-        stopEvent(e);
-        selectedToggle(e);
-    };
-    const isChecked = isSelected || isAllSelected;
-    const isSelectActive = searchState.selection.selected.length || searchState.selection.allSelected;
-    const itemPreviewSize = getItemPreviewSize(previewSize);
-    return (_jsxs(_Fragment, { children: [editRecord && (_jsx(EditRecordModal, { open: editRecord, record: item.whoAmI, library: item.whoAmI.library.id, onClose: _handleClose })), _jsx(Item, { "$previewSize": itemPreviewSize, size: "small", onClick: selectedToggle, onDoubleClick: () => setEditRecord(true), cover: _jsxs(ImageWrapper, { children: [_jsx(EntityPreview, { label: item.whoAmI.label || item.whoAmI.id, image: String(item.whoAmI.preview?.[previewSize] ?? ''), tile: true, style: {
-                                width: itemPreviewSize,
-                                height: itemPreviewSize,
-                            }, placeholderStyle: {
-                                width: itemPreviewSize,
-                                height: itemPreviewSize,
-                            }, imageStyle: {
-                                background: mustShowTransparency ? themeVars.checkerBoard : 'transparent',
-                            } }), _jsx(ActionsWrapper, { children: isChecked || isSelectActive ? (_jsxs(Selection, { checked: isChecked, children: [_jsxs(SelectionActions, { children: [_jsx(SelectCellsBtn, { selectionType: SelectCellsBtnType.ONLY, text: t('items-list-row.select-only'), record: item.whoAmI, size: "small" }), _jsx(SelectCellsBtn, { selectionType: SelectCellsBtnType.ALL, text: t('items-list-row.select-all'), record: item.whoAmI, size: "small" })] }), isChecked && (_jsx(CheckedIconWrapper, { className: "checked-icon", children: _jsx(CheckCircleFilled, {}) }))] })) : (_jsxs(Actions, { className: "actions", children: [_jsx(Tooltip, { title: t('global.select'), children: _jsx(Button, { shape: "circle", icon: _jsx(CheckOutlined, {}), onClick: _handleSelect }) }, "select"), _jsx(Tooltip, { title: t('global.edit'), children: _jsx(EditRecordBtn, { shape: "circle", record: item.whoAmI, valuesVersion: searchState.valuesVersions }) }, "edit"), canDeleteRecord ? (_jsx(Tooltip, { title: t('global.delete'), children: _jsx(DeactivateRecordBtn, { record: item.whoAmI }) }, "delete")) : (
-                                    // Keep this empty div for styling purpose
-                                    _jsx("div", {}))] })) })] }), children: _jsx(Card.Meta, { title: _jsx(Paragraph, { ellipsis: { rows: 1, tooltip: true }, style: { marginBottom: 0, fontSize: previewSize === PreviewSize.SMALL ? '.8em' : '1em' }, children: item.whoAmI.label || item.whoAmI.id }) }) })] }));
-}
-export default ItemTileDisplay;
-//# sourceMappingURL=ItemTileDisplay.js.map

package/dist/components/LibraryItemsList/TileDisplay/ItemTileDisplay/ItemTileDisplay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemTileDisplay.js","sourceRoot":"","sources":["../../../../../src/components/LibraryItemsList/TileDisplay/ItemTileDisplay/ItemTileDisplay.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 {CheckCircleFilled, CheckOutlined} from '@ant-design/icons';\nimport {Button, Card, Space, Tooltip} from 'antd';\nimport Paragraph from 'antd/lib/typography/Paragraph';\nimport React, {useEffect, useState} from 'react';\nimport styled from 'styled-components';\nimport {themeVars} from '_ui/antdTheme';\nimport {EntityPreview} from '_ui/components';\nimport useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';\nimport DeactivateRecordBtn from '_ui/components/LibraryItemsList/shared/DeactivateRecordBtn';\nimport SelectCellsBtn from '_ui/components/LibraryItemsList/shared/SelectCellsBtn';\nimport EditRecordBtn from '_ui/components/RecordEdition/EditRecordBtn';\nimport {EditRecordModal} from '_ui/components/RecordEdition/EditRecordModal';\nimport {PreviewSize} from '_ui/constants';\nimport useLang from '_ui/hooks/useLang';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type IItem, type ISelectedRecord} from '_ui/types/search';\nimport {stopEvent} from '_ui/_utils';\nimport {displayTypeToPreviewSize} from '../../helpers/displayTypeToPreviewSize';\nimport {SearchActionTypes} from '../../hooks/useSearchReducer/searchReducer';\nimport getItemPreviewSize from '../helpers/getItemPreviewSize';\nimport {SelectCellsBtnType} from '_ui/components/LibraryItemsList/shared/sharedUtils';\n\nconst buttonsColor = '#333333';\n\n// Using 8 digit hexadecimal notation to add transparency\nconst hoverBackgroundColor = `${themeVars.activeColor}AA`;\nconst selectedBackgroundColor = `${themeVars.activeColor}DF`;\n\nconst Item = styled(Card)<{$previewSize: string}>`\n    && {\n        width: ${p => p.$previewSize};\n        margin: 0.5em;\n        outline: 2px solid transparent;\n\n        & .ant-card-cover {\n            width: ${p => p.$previewSize};\n            height: ${p => p.$previewSize};\n        }\n\n        &:hover {\n            outline-color: ${themeVars.primaryColor};\n        }\n    }\n`;\n\nconst ImageWrapper = styled.div`\n    position: relative;\n    border-bottom: 1px solid ${themeVars.borderLightColor};\n`;\n\nconst ActionsWrapper = styled.div`\n    display: flex;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n\n    justify-content: center;\n\n    &:hover {\n        .actions {\n            animation: show-actions 300ms ease;\n            opacity: 1;\n            background: ${hoverBackgroundColor};\n        }\n    }\n\n    @keyframes show-actions {\n        from {\n            opacity: 0;\n            background: none;\n        }\n        to {\n            opacity: 1;\n            background: ${hoverBackgroundColor};\n        }\n    }\n`;\n\nconst Selection = styled.div<{checked: boolean}>`\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    cursor: pointer;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: ${p => (p.checked ? selectedBackgroundColor : 'none')};\n\n    &:hover {\n        background: ${p => (p.checked ? selectedBackgroundColor : hoverBackgroundColor)};\n    }\n`;\n\nconst SelectionActions = styled(Space)`\n    && {\n        display: none;\n        position: absolute;\n        top: 1em;\n    }\n    ${Selection}:hover & {\n        display: inherit;\n    }\n    button {\n        color: ${buttonsColor};\n        border-color: ${buttonsColor};\n    }\n`;\n\nconst Actions = styled.div`\n    position: absolute;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    opacity: 0;\n    width: 100%;\n    height: 100%;\n    grid-gap: 1rem;\n\n    justify-items: center;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 0.25rem 0.25rem 0 0;\n\n    button {\n        color: ${buttonsColor};\n        border-color: ${buttonsColor}66;\n\n        // Arrange buttons, depending on their position on the grid\n        &:nth-child(1) {\n            justify-self: end;\n            align-self: end;\n        }\n        &:nth-child(2) {\n            justify-self: start;\n            align-self: end;\n        }\n        &:nth-child(3) {\n            justify-self: end;\n            align-self: start;\n        }\n        &:nth-child(4) {\n            justify-self: start;\n            align-self: start;\n        }\n    }\n`;\n\nconst CheckedIconWrapper = styled.div`\n    font-size: 3em;\n    color: ${themeVars.primaryColor};\n`;\n\ninterface IItemTileDisplayProps {\n    item: IItem;\n}\n\nfunction ItemTileDisplay({item}: IItemTileDisplayProps): JSX.Element {\n    const {t} = useSharedTranslation();\n    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();\n\n    const canDeleteRecord = searchState.library.permissions.delete_record;\n\n    const [editRecord, setEditRecord] = useState<boolean>(false);\n    const previewSize: PreviewSize = displayTypeToPreviewSize(searchState.display.size);\n\n    const {lang} = useLang();\n    const [isSelected, setIsSelect] = useState<boolean>(\n        !!searchState.selection.selected.some(\n            elementSelected =>\n                elementSelected.id === item.whoAmI.id && elementSelected.library === item.whoAmI.library.id,\n        ),\n    );\n\n    const mustShowTransparency = searchState.showTransparency;\n\n    const isAllSelected = searchState.selection.allSelected;\n\n    const selectedToggle = (e: React.MouseEvent) => {\n        e.stopPropagation();\n        e.preventDefault();\n\n        setIsSelect(!isSelected);\n\n        const newSelected: ISelectedRecord = {\n            id: item.whoAmI.id,\n            library: item.whoAmI.library.id,\n            label: item.whoAmI.label,\n        };\n\n        searchDispatch({\n            type: SearchActionTypes.TOGGLE_RECORD_SELECTION,\n            record: newSelected,\n        });\n    };\n\n    useEffect(() => {\n        setIsSelect(\n            searchState.selection.selected.some(\n                elementSelected =>\n                    elementSelected.id === item.whoAmI.id && elementSelected.library === item.whoAmI.library.id,\n            ),\n        );\n    }, [searchState.selection, item, searchState]);\n\n    const _handleClose = () => {\n        setEditRecord(false);\n    };\n\n    const _handleSelect = e => {\n        stopEvent(e);\n        selectedToggle(e);\n    };\n\n    const isChecked = isSelected || isAllSelected;\n\n    const isSelectActive = searchState.selection.selected.length || searchState.selection.allSelected;\n\n    const itemPreviewSize = getItemPreviewSize(previewSize);\n\n    return (\n        <>\n            {editRecord && (\n                <EditRecordModal\n                    open={editRecord}\n                    record={item.whoAmI}\n                    library={item.whoAmI.library.id}\n                    onClose={_handleClose}\n                />\n            )}\n            <Item\n                $previewSize={itemPreviewSize}\n                size=\"small\"\n                onClick={selectedToggle}\n                onDoubleClick={() => setEditRecord(true)}\n                cover={\n                    <ImageWrapper>\n                        <EntityPreview\n                            label={item.whoAmI.label || item.whoAmI.id}\n                            image={String(item.whoAmI.preview?.[previewSize] ?? '')}\n                            tile={true}\n                            style={{\n                                width: itemPreviewSize,\n                                height: itemPreviewSize,\n                            }}\n                            placeholderStyle={{\n                                width: itemPreviewSize,\n                                height: itemPreviewSize,\n                            }}\n                            imageStyle={{\n                                background: mustShowTransparency ? themeVars.checkerBoard : 'transparent',\n                            }}\n                        />\n                        <ActionsWrapper>\n                            {isChecked || isSelectActive ? (\n                                <Selection checked={isChecked}>\n                                    <SelectionActions>\n                                        <SelectCellsBtn\n                                            selectionType={SelectCellsBtnType.ONLY}\n                                            text={t('items-list-row.select-only')}\n                                            record={item.whoAmI}\n                                            size=\"small\"\n                                        />\n                                        <SelectCellsBtn\n                                            selectionType={SelectCellsBtnType.ALL}\n                                            text={t('items-list-row.select-all')}\n                                            record={item.whoAmI}\n                                            size=\"small\"\n                                        />\n                                    </SelectionActions>\n                                    {isChecked && (\n                                        <CheckedIconWrapper className=\"checked-icon\">\n                                            <CheckCircleFilled />\n                                        </CheckedIconWrapper>\n                                    )}\n                                </Selection>\n                            ) : (\n                                <Actions className=\"actions\">\n                                    <Tooltip title={t('global.select')} key=\"select\">\n                                        <Button shape=\"circle\" icon={<CheckOutlined />} onClick={_handleSelect} />\n                                    </Tooltip>\n                                    <Tooltip title={t('global.edit')} key=\"edit\">\n                                        <EditRecordBtn\n                                            shape=\"circle\"\n                                            record={item.whoAmI}\n                                            valuesVersion={searchState.valuesVersions}\n                                        />\n                                    </Tooltip>\n                                    {canDeleteRecord ? (\n                                        <Tooltip title={t('global.delete')} key=\"delete\">\n                                            <DeactivateRecordBtn record={item.whoAmI} />\n                                        </Tooltip>\n                                    ) : (\n                                        // Keep this empty div for styling purpose\n                                        <div></div>\n                                    )}\n                                </Actions>\n                            )}\n                        </ActionsWrapper>\n                    </ImageWrapper>\n                }\n            >\n                <Card.Meta\n                    title={\n                        <Paragraph\n                            ellipsis={{rows: 1, tooltip: true}}\n                            style={{marginBottom: 0, fontSize: previewSize === PreviewSize.SMALL ? '.8em' : '1em'}}\n                        >\n                            {item.whoAmI.label || item.whoAmI.id}\n                        </Paragraph>\n                    }\n                />\n            </Item>\n        </>\n    );\n}\n\nexport default ItemTileDisplay;\n"]}

package/dist/components/LibraryItemsList/TileDisplay/ItemTileDisplay/index.d.ts

@@ -1,2 +0,0 @@
-import ItemTileDisplay from './ItemTileDisplay';
-export default ItemTileDisplay;

package/dist/components/LibraryItemsList/TileDisplay/ItemTileDisplay/index.js

@@ -1,6 +0,0 @@
-// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import ItemTileDisplay from './ItemTileDisplay';
-export default ItemTileDisplay;
-//# sourceMappingURL=index.js.map

package/dist/components/LibraryItemsList/TileDisplay/ItemTileDisplay/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/LibraryItemsList/TileDisplay/ItemTileDisplay/index.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,eAAe,eAAe,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 ItemTileDisplay from './ItemTileDisplay';\n\nexport default ItemTileDisplay;\n"]}

package/dist/components/LibraryItemsList/TileDisplay/TileDisplay.d.ts

@@ -1,2 +0,0 @@
-declare function TileDisplay(): JSX.Element;
-export default TileDisplay;