@leav/ui 0.0.1-alpha-1 → 0.0.1-alpha-3

package/dist/components/LibraryItemsList/LibraryItemsListTable/Header/Header.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { AttributeType } from '_ui/_gqlTypes';
+interface IHeaderProps {
+    children: React.ReactNode;
+    id: string;
+    type: AttributeType;
+}
+declare const Header: ({ id, children, type }: IHeaderProps) => JSX.Element;
+export default Header;

package/dist/components/LibraryItemsList/LibraryItemsListTable/Header/Header.js

@@ -0,0 +1,141 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { CaretDownOutlined, CaretUpOutlined } from '@ant-design/icons';
+import { Dropdown } from 'antd';
+import { useState } from 'react';
+import styled from 'styled-components';
+import { themeVars } from '_ui/antdTheme';
+import useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';
+import { SearchActionTypes } from '_ui/components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
+import { useSharedTranslation } from '_ui/hooks/useSharedTranslation';
+import { SortOrder } from '_ui/_gqlTypes';
+import { infosCol } from '../../constants';
+import { getSortFieldByAttributeType } from '../../helpers/getSortFieldByAttributeType';
+import ChooseTableColumns from '../ChooseTableColumns';
+const Wrapper = styled.div `
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+
+    &:hover {
+        border-left: ${themeVars.primaryColor} 3px solid;
+        border-right: ${themeVars.primaryColor} 3px solid;
+        box-shadow: 0px 3px 6px #00000029;
+
+        .wrapper-arrow {
+            background: ${themeVars.defaultBg};
+            box-shadow: 0px 3px 6px #00000029;
+            border: 1px solid ${themeVars.borderLightColor};
+        }
+    }
+`;
+const DropdownContent = styled.div `
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0.3rem 0.3rem;
+
+    word-break: 'keep-all';
+    user-select: 'none';
+`;
+const WrapperArrow = styled.div `
+    border-radius: 50%;
+    cursor: pointer;
+    border: 1px solid transparent;
+    height: 2rem;
+    width: 2rem;
+    display: grid;
+    grid-template-rows: 8px 8px;
+    place-items: center;
+    align-content: center;
+    margin: 0 8px;
+    flex-shrink: 0;
+
+    & > * {
+        transform: scale(0.7);
+    }
+
+    & > span:first-child {
+        opacity: ${({ $filterDirection: filterDirection, $filterActive: filterActive }) => filterActive && filterDirection === SortOrder.asc ? 1 : 0.5};
+    }
+
+    & > span:last-child {
+        opacity: ${({ $filterDirection: filterDirection, $filterActive: filterActive }) => filterActive && filterDirection === SortOrder.desc ? 1 : 0.5};
+    }
+`;
+WrapperArrow.displayName = 'WrapperArrow';
+const Header = ({ id, children, type }) => {
+    var _a, _b, _c;
+    const { t } = useSharedTranslation();
+    const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
+    const [openChangeColumns, setOpenChangeColumns] = useState(false);
+    const [isHover, setIsHover] = useState(false);
+    const handleSort = (attId, order, attType) => {
+        const newSortField = getSortFieldByAttributeType(attId, attType);
+        searchDispatch({
+            type: SearchActionTypes.SET_SORT,
+            sort: {
+                field: newSortField,
+                order
+            }
+        });
+        searchDispatch({ type: SearchActionTypes.SET_LOADING, loading: true });
+    };
+    const handleDesc = (attId, attType) => {
+        handleSort(attId, SortOrder.desc, attType);
+    };
+    const handleAsc = (attId, attType) => {
+        handleSort(attId, SortOrder.asc, attType);
+    };
+    const cancelSort = () => {
+        searchDispatch({
+            type: SearchActionTypes.CANCEL_SORT
+        });
+    };
+    const handleHideColumn = (attId) => {
+        searchDispatch({
+            type: SearchActionTypes.SET_FIELDS,
+            fields: searchState.fields.filter(f => f.id !== attId)
+        });
+    };
+    const _handleCloseChooseTableColumns = () => setOpenChangeColumns(false);
+    return (_jsxs(Wrapper, Object.assign({ "$isHover": isHover, "$isInfoColumn": infosCol === id, id: id }, { children: [children, _jsx(Dropdown, Object.assign({ placement: "bottom", trigger: ['click'], menu: {
+                    style: { transform: 'translateY(-8px)' },
+                    onMouseEnter: () => setIsHover(true),
+                    onMouseLeave: () => setIsHover(false),
+                    items: [
+                        {
+                            key: 'sort-ascend',
+                            onClick: () => handleAsc(id, type),
+                            label: t('items_list.table.header-cell-menu.sort-ascend')
+                        },
+                        {
+                            key: 'sort-descend',
+                            onClick: () => handleDesc(id, type),
+                            label: t('items_list.table.header-cell-menu.sort-descend')
+                        },
+                        {
+                            key: 'cancel-sort',
+                            onClick: cancelSort,
+                            label: t('items_list.table.header-cell-menu.cancel-sort')
+                        },
+                        id !== infosCol
+                            ? {
+                                key: 'hide-column',
+                                onClick: () => handleHideColumn(id),
+                                label: t('items_list.table.header-cell-menu.hide-column')
+                            }
+                            : null,
+                        {
+                            key: 'choose-columns',
+                            onClick: () => setOpenChangeColumns(true),
+                            label: t('items_list.table.header-cell-menu.choose-columns')
+                        }
+                    ]
+                } }, { children: _jsx(DropdownContent, { children: _jsxs(WrapperArrow, Object.assign({ className: "wrapper-arrow", "data-testid": `wrapper-arrow-${(_a = searchState.sort) === null || _a === void 0 ? void 0 : _a.order}`, "$filterDirection": (_b = searchState.sort) === null || _b === void 0 ? void 0 : _b.order, "$filterActive": ((_c = searchState.sort) === null || _c === void 0 ? void 0 : _c.field) === id, style: { fontSize: '130%' } }, { children: [_jsx(CaretUpOutlined, {}), _jsx(CaretDownOutlined, {})] })) }) })), openChangeColumns && (_jsx(ChooseTableColumns, { visible: openChangeColumns, onClose: _handleCloseChooseTableColumns }))] })));
+};
+export default Header;
+//# sourceMappingURL=Header.js.map

package/dist/components/LibraryItemsList/LibraryItemsListTable/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../src/components/LibraryItemsList/LibraryItemsListTable/Header/Header.tsx"],"names":[],"mappings":"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"}

package/dist/components/LibraryItemsList/LibraryItemsListTable/Header/index.d.ts

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

package/dist/components/LibraryItemsList/LibraryItemsListTable/Header/index.js

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

package/dist/components/LibraryItemsList/LibraryItemsListTable/Header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/LibraryItemsList/LibraryItemsListTable/Header/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,eAAe,MAAM,CAAC"}

package/dist/components/LibraryItemsList/LibraryItemsListTable/Table.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Table: () => JSX.Element;
+export default Table;

package/dist/components/LibraryItemsList/LibraryItemsListTable/Table.js

@@ -0,0 +1,232 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { isTypeStandard } from '@leav/utils';
+import Paragraph from 'antd/lib/typography/Paragraph';
+import get from 'lodash/get';
+import isEqual from 'lodash/isEqual';
+import { useEffect, useState } from 'react';
+import { useFlexLayout, useTable } from 'react-table';
+import { useSticky } from 'react-table-sticky';
+import styled from 'styled-components';
+import { themeVars } from '_ui/antdTheme';
+import { Loading } from '_ui/components';
+import useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';
+import useLang from '_ui/hooks/useLang';
+import { useSharedTranslation } from '_ui/hooks/useSharedTranslation';
+import { AttributeFormat, AttributeType } from '_ui/_gqlTypes';
+import { infosCol, INFOS_COLUMN_WIDTH, selectionColumn } from '../constants';
+import LibraryItemsListPagination from '../LibraryItemsListPagination';
+import BodyRow from './BodyRow';
+import Header from './Header';
+var FieldColumnWidth;
+(function (FieldColumnWidth) {
+    FieldColumnWidth[FieldColumnWidth["TINY"] = 125] = "TINY";
+    FieldColumnWidth[FieldColumnWidth["SMALL"] = 150] = "SMALL";
+    FieldColumnWidth[FieldColumnWidth["MEDIUM"] = 250] = "MEDIUM";
+    FieldColumnWidth[FieldColumnWidth["LARGE"] = 300] = "LARGE";
+})(FieldColumnWidth || (FieldColumnWidth = {}));
+const CustomTable = styled.div `
+    grid-area: data;
+    height: 100%;
+    min-width: 0px;
+    width: 100%;
+    border: 1px solid ${themeVars.borderLightColor};
+    overflow-y: scroll;
+
+    &.sticky {
+        overflow: scroll;
+
+        .header {
+            position: sticky;
+            top: 0;
+            z-index: 1;
+        }
+
+        .body {
+            position: relative;
+            z-index: 0;
+        }
+
+        [data-sticky-td] {
+            position: sticky;
+        }
+    }
+`;
+CustomTable.displayName = 'CustomTable';
+const TableHead = styled.div `
+    background: ${themeVars.headerBg};
+    width: fit-content;
+    min-width: 100%;
+`;
+const HeaderRow = styled.div `
+    margin-left: 1px; // For better alignment with rows
+`;
+const HeaderCell = styled.div `
+    background: ${themeVars.headerBg};
+    border-right: 1px solid ${themeVars.borderLightColor};
+    min-width: 35px;
+    max-width: ${p => (p.id === selectionColumn ? '35px' : 'auto')};
+
+    &:last-child {
+        border-right: none;
+    }
+`;
+const TableBody = styled.div `
+    width: fit-content;
+    min-width: 100%;
+`;
+const Pagination = styled.div `
+    align-self: start;
+    grid-area: pagination;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-top: 1px solid ${themeVars.borderLightColor};
+    padding-top: 8px;
+`;
+const _getFieldColumWidth = (field) => {
+    if (!isTypeStandard(field.type) || field.multipleValues) {
+        return FieldColumnWidth.LARGE;
+    }
+    switch (field.format) {
+        case AttributeFormat.boolean:
+            return FieldColumnWidth.TINY;
+        case AttributeFormat.numeric:
+        case AttributeFormat.date:
+            return FieldColumnWidth.SMALL;
+        case AttributeFormat.date_range:
+            return FieldColumnWidth.LARGE;
+        default:
+            return FieldColumnWidth.MEDIUM;
+    }
+};
+const Table = () => {
+    const { t } = useSharedTranslation();
+    const { lang } = useLang();
+    const { state: searchState } = useSearchReducer();
+    const [tableColumns, setTableColumns] = useState([]);
+    const [tableData, setTableData] = useState([]);
+    const [scrollHorizontalActive, setScrollHorizontalActive] = useState(false);
+    //columns
+    useEffect(() => {
+        const startColumns = [
+            {
+                Header: '',
+                accessor: selectionColumn,
+                key: selectionColumn,
+                sticky: 'left',
+                width: 35,
+                maxWidth: 35,
+                minWidth: 30
+            },
+            {
+                Header: t('items_list.table.infos'),
+                accessor: infosCol,
+                key: infosCol,
+                sticky: 'left'
+            }
+        ];
+        let columnsFromFields = [];
+        if (searchState.attributes.length && searchState.fields.length) {
+            columnsFromFields = searchState.fields.map(field => {
+                var _a, _b;
+                const validAccessor = field.key.replaceAll('.', '');
+                return {
+                    Header: (_jsx(Paragraph, Object.assign({ ellipsis: {
+                            rows: 2,
+                            tooltip: field.label
+                        }, style: { marginBottom: 0, textAlign: 'center' } }, { children: field.label }))),
+                    accessor: validAccessor,
+                    key: field.key,
+                    type: field.type,
+                    format: ((_a = field.embeddedData) === null || _a === void 0 ? void 0 : _a.format) || field.format,
+                    embeddedPath: (_b = field.embeddedData) === null || _b === void 0 ? void 0 : _b.path,
+                    width: _getFieldColumWidth(field)
+                };
+            });
+        }
+        const columns = [...startColumns, ...columnsFromFields];
+        setTableColumns(currentColumns => {
+            return !isEqual(currentColumns, columns) ? columns : currentColumns;
+        });
+    }, [searchState.fields, searchState.attributes, t]);
+    // data
+    useEffect(() => {
+        if (!tableColumns.length) {
+            return;
+        }
+        const data = searchState.records.reduce((allData, record, index) => {
+            if (index < searchState.pagination) {
+                const tableItem = tableColumns.reduce((acc, column) => {
+                    var _a, _b;
+                    // handle selection and infos column
+                    if (!column.type) {
+                        if (column.accessor === infosCol) {
+                            const value = record.whoAmI;
+                            const cellData = { value, type: column.type };
+                            acc[column.accessor] = cellData;
+                            return acc;
+                        }
+                    }
+                    const key = column.key;
+                    const value = ((_b = (_a = record.fields) === null || _a === void 0 ? void 0 : _a[key]) !== null && _b !== void 0 ? _b : []).map(v => {
+                        var _a, _b;
+                        if (column.embeddedPath && column.embeddedPath.length) {
+                            const pathWithoutRoot = column.embeddedPath.split('.').slice(1).join('.');
+                            try {
+                                const content = JSON.parse(record.fields[key]);
+                                return get(content, pathWithoutRoot);
+                            }
+                            catch (e) {
+                                return 'error';
+                            }
+                        }
+                        return (_b = (_a = v.value) !== null && _a !== void 0 ? _a : v.linkValue) !== null && _b !== void 0 ? _b : v.treeValue;
+                    });
+                    acc[column.accessor] = { value, type: column.type, format: column.format };
+                    return acc;
+                }, { [selectionColumn]: null, record: record.whoAmI });
+                return [...allData, tableItem];
+            }
+            return allData;
+        }, []);
+        if (data) {
+            setTableData([...data]);
+        }
+    }, [searchState.records, searchState.pagination, tableColumns, lang]);
+    const handleScroll = (e) => {
+        const scrollValue = e.target.scrollLeft;
+        if (scrollValue > 0) {
+            setScrollHorizontalActive(true);
+        }
+        else {
+            setScrollHorizontalActive(false);
+        }
+    };
+    const tableInstance = useTable({
+        columns: tableColumns,
+        data: tableData
+    }, useFlexLayout, useSticky);
+    const { getTableProps, getTableBodyProps, headerGroups, prepareRow, rows, data } = tableInstance;
+    // It means we're still computing columns and data,
+    // so we don't want to render the table to avoid a first render with  empty cells
+    if (searchState.records.length && !data.length) {
+        return _jsx(Loading, {});
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs(CustomTable, Object.assign({}, getTableProps(), { className: "table sticky", "data-testid": "table", onScroll: handleScroll, "$scrollHorizontalActive": scrollHorizontalActive }, { children: [_jsx(TableHead, Object.assign({ className: "header sticky" }, { children: headerGroups.map(headerGroup => (_jsx(HeaderRow, Object.assign({}, headerGroup.getHeaderGroupProps(), { children: headerGroup.headers.map(column => {
+                                const headerCellProps = column.getHeaderProps();
+                                if (column.id === infosCol) {
+                                    // define info column row style
+                                    headerCellProps.style = Object.assign(Object.assign({}, headerCellProps.style), { minWidth: INFOS_COLUMN_WIDTH, maxWidth: INFOS_COLUMN_WIDTH });
+                                }
+                                return (_jsx(HeaderCell, Object.assign({}, headerCellProps, { id: column.id }, { children: column.key !== selectionColumn && (_jsx(Header, Object.assign({ id: column.key, type: AttributeType.simple }, { children: column.render('Header') }))) })));
+                            }) })))) })), _jsx(TableBody, Object.assign({}, getTableBodyProps(), { className: "body sticky" }, { children: rows.map(row => {
+                            // Prepare the row for display
+                            prepareRow(row);
+                            return _jsx(BodyRow, { row: row }, row.id);
+                        }) }))] })), _jsx(Pagination, { children: _jsx(LibraryItemsListPagination, {}) })] }));
+};
+export default Table;
+//# sourceMappingURL=Table.js.map

package/dist/components/LibraryItemsList/LibraryItemsListTable/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/LibraryItemsListTable/Table.tsx"],"names":[],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/LibraryItemsListTable/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,eAAe,KAAK,CAAC"}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ILibraryDetailExtended } from '_ui/_queries/libraries/getLibraryDetailExtendQuery';
+interface IMenuItemListProps {
+    library: ILibraryDetailExtended;
+    refetch?: () => void;
+}
+declare function MenuItemList({ refetch, library }: IMenuItemListProps): JSX.Element;
+export default MenuItemList;

package/dist/components/LibraryItemsList/MenuItemList/MenuItemList.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { PlusOutlined, RedoOutlined } from '@ant-design/icons';
+import { Button, Space } from 'antd';
+import { useState } from 'react';
+import styled from 'styled-components';
+import { CreateDirectory } from '_ui/components/CreateDirectory';
+import useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';
+import EditRecordModal from '_ui/components/RecordEdition/EditRecordModal';
+import { useSharedTranslation } from '_ui/hooks/useSharedTranslation';
+import { SearchMode } from '_ui/types/search';
+import { LibraryBehavior } from '_ui/_gqlTypes';
+import { UploadFiles } from '../../UploadFiles';
+import DisplayOptions from '../DisplayOptions';
+import MenuSelection from '../MenuSelection';
+import MenuView from '../MenuView';
+import SearchItems from '../SearchItems';
+const Wrapper = styled(Space) `
+    width: 100%;
+`;
+function MenuItemList({ refetch, library }) {
+    const { t } = useSharedTranslation();
+    const { state: searchState } = useSearchReducer();
+    const [isRecordCreationVisible, setIsRecordCreationVisible] = useState(false);
+    const [isUploadFilesModalVisible, setIsUploadFilesModalVisible] = useState(false);
+    const [isCreateDirectoryModalVisible, setIsCreateDirectoryModalVisible] = useState(false);
+    const canCreateRecord = library.permissions.create_record;
+    const selectionMode = searchState.mode === SearchMode.select;
+    const _handleRecordCreationClose = () => {
+        setIsRecordCreationVisible(false);
+    };
+    const _handleUploadFilesClose = () => {
+        setIsUploadFilesModalVisible(false);
+    };
+    const _handleCreateDirectoryClose = () => {
+        setIsCreateDirectoryModalVisible(false);
+    };
+    const _handleClickNew = () => {
+        if (library.behavior === LibraryBehavior.standard) {
+            setIsRecordCreationVisible(true);
+        }
+        else if (library.behavior === LibraryBehavior.files) {
+            setIsUploadFilesModalVisible(true);
+        }
+        else if (library.behavior === LibraryBehavior.directories) {
+            setIsCreateDirectoryModalVisible(true);
+        }
+    };
+    return (_jsxs(Wrapper, { children: [(library === null || library === void 0 ? void 0 : library.id) && _jsx(MenuView, { library: library }), _jsxs(Space, Object.assign({ size: "large" }, { children: [_jsx(MenuSelection, {}), _jsx(SearchItems, {})] })), _jsxs(Space, Object.assign({ size: "large" }, { children: [!selectionMode && canCreateRecord && (_jsx(Button, Object.assign({ type: "primary", icon: _jsx(PlusOutlined, {}), className: "primary-btn", onClick: _handleClickNew }, { children: t('items_list.new') }))), _jsxs(Space, Object.assign({ size: "small" }, { children: [_jsx(DisplayOptions, {}), _jsx(Button, { icon: _jsx(RedoOutlined, {}), onClick: () => refetch && refetch() })] }))] })), isRecordCreationVisible && (_jsx(EditRecordModal, { record: null, library: library.id, open: isRecordCreationVisible, onClose: _handleRecordCreationClose, valuesVersion: searchState.valuesVersions })), isUploadFilesModalVisible && (_jsx(UploadFiles, { libraryId: library.id, multiple: true, onClose: _handleUploadFilesClose })), isCreateDirectoryModalVisible && (_jsx(CreateDirectory, { libraryId: library.id, onClose: _handleCreateDirectoryClose }))] }));
+}
+export default MenuItemList;
+//# sourceMappingURL=MenuItemList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemList.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/MenuItemList/MenuItemList.tsx"],"names":[],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/MenuItemList/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,eAAe,YAAY,CAAC"}

package/dist/components/LibraryItemsList/MenuItemListSelected/ActionsMenu/ActionsMenu.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function ActionsMenu(): JSX.Element;
+export default ActionsMenu;

package/dist/components/LibraryItemsList/MenuItemListSelected/ActionsMenu/ActionsMenu.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { DeleteOutlined, DownOutlined, ExportOutlined, PictureOutlined } from '@ant-design/icons';
+import { Button, Dropdown } from 'antd';
+import { useState } from 'react';
+import { DeactivateRecordsModal } from '_ui/components/DeactivateRecordsModal';
+import { ExportModal } from '_ui/components/ExportModal';
+import { TriggerPreviewsGenerationModal } from '_ui/components/TriggerPreviewsGenerationModal';
+import { useSharedTranslation } from '_ui/hooks/useSharedTranslation';
+import { LibraryBehavior } from '_ui/_gqlTypes';
+import useSearchReducer from '../../hooks/useSearchReducer';
+function ActionsMenu() {
+    const { t } = useSharedTranslation();
+    const [activeAction, setActiveAction] = useState();
+    const { state: searchState } = useSearchReducer();
+    const selectedIds = searchState.selection.selected.map(r => r.id);
+    const filters = searchState.filters;
+    const actions = [
+        {
+            key: 'export',
+            icon: _jsx(ExportOutlined, { rotate: 270 }),
+            title: t('export.title'),
+            modalComp: ExportModal,
+            modalProps: {
+                library: searchState.library.id,
+                selection: searchState.selection,
+                filters: searchState.filters
+            },
+            display: true
+        },
+        {
+            key: 'deactivate',
+            icon: _jsx(DeleteOutlined, {}),
+            title: t('records_deactivation.title'),
+            modalComp: DeactivateRecordsModal,
+            modalProps: {
+                library: searchState.library.id,
+                selection: searchState.selection,
+                filters: searchState.filters
+            },
+            display: true
+        },
+        {
+            key: 'generate_previews',
+            icon: _jsx(PictureOutlined, {}),
+            title: t('files.generate_previews'),
+            modalComp: TriggerPreviewsGenerationModal,
+            display: searchState.library.behavior === LibraryBehavior.files,
+            modalProps: {
+                libraryId: searchState.library.id,
+                recordIds: selectedIds,
+                filters
+            }
+        }
+    ].filter(a => a.display);
+    const _handleClick = (actionKey) => () => {
+        setActiveAction(actionKey);
+    };
+    const _handleCloseModal = () => setActiveAction('');
+    return (_jsxs(_Fragment, { children: [_jsx(Dropdown, Object.assign({ menu: {
+                    items: actions.map(a => ({
+                        icon: a.icon,
+                        key: a.key,
+                        title: a.title,
+                        label: a.title,
+                        onClick: _handleClick(a.key)
+                    }))
+                } }, { children: _jsxs(Button, { children: [t('menu-selection.actions'), " ", _jsx(DownOutlined, {})] }) })), actions
+                .filter(a => activeAction === a.key)
+                .map(a => (_jsx(a.modalComp, Object.assign({ open: activeAction === a.key, onClose: _handleCloseModal }, a.modalProps), a.key)))] }));
+}
+export default ActionsMenu;
+//# sourceMappingURL=ActionsMenu.js.map

package/dist/components/LibraryItemsList/MenuItemListSelected/ActionsMenu/ActionsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsMenu.js","sourceRoot":"","sources":["../../../../../src/components/LibraryItemsList/MenuItemListSelected/ActionsMenu/ActionsMenu.tsx"],"names":[],"mappings":"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"}

package/dist/components/LibraryItemsList/MenuItemListSelected/ActionsMenu/index.d.ts

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

package/dist/components/LibraryItemsList/MenuItemListSelected/ActionsMenu/index.js

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

package/dist/components/LibraryItemsList/MenuItemListSelected/ActionsMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/LibraryItemsList/MenuItemListSelected/ActionsMenu/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,eAAe,WAAW,CAAC"}