@leav/ui 0.2.7 → 0.2.8

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

@@ -1,47 +1,87 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import {jsx as _jsx} 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 { localizedTranslation } from '@leav/utils';
-import { Button, Modal } from 'antd';
-import { useState } from 'react';
+import {localizedTranslation} from '@leav/utils';
+import {Button, Modal} from 'antd';
+import {useState} from 'react';
 import AttributesSelectionList from '../../../../components/AttributesSelectionList';
 import useSearchReducer from '../../../../components/LibraryItemsList/hooks/useSearchReducer';
-import { SearchActionTypes } from '../../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
+import {SearchActionTypes} from '../../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
 import useLang from '../../../../hooks/useLang';
-import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
-import { AttributeFormat, AttributeType } from '../../../../_gqlTypes';
-import { getFieldsKeyFromAttribute } from '../../helpers/getFieldsKeyFromAttribute';
-function ChooseTableColumns({ visible, onClose }) {
+import {useSharedTranslation} from '../../../../hooks/useSharedTranslation';
+import {AttributeFormat, AttributeType} from '../../../../_gqlTypes';
+import {getFieldsKeyFromAttribute} from '../../helpers/getFieldsKeyFromAttribute';
+function ChooseTableColumns({visible, onClose}) {
     var _a;
-    const { t } = useSharedTranslation();
-    const { lang } = useLang();
-    const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
-    const [selectedAttributes, setSelectedAttributes] = useState(((_a = searchState === null || searchState === void 0 ? void 0 : searchState.fields) !== null && _a !== void 0 ? _a : []).map(col => {
-        var _a;
-        const currentAttribute = searchState.attributes.find(attribute => attribute.id === col.id && attribute.library === col.library);
-        return Object.assign(Object.assign({}, col), { path: col.key, label: (_a = currentAttribute === null || currentAttribute === void 0 ? void 0 : currentAttribute.label) !== null && _a !== void 0 ? _a : null, multiple_values: !!col.multipleValues });
-    }));
+    const {t} = useSharedTranslation();
+    const {lang} = useLang();
+    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();
+    const [selectedAttributes, setSelectedAttributes] = useState(
+        ((_a = searchState === null || searchState === void 0 ? void 0 : searchState.fields) !== null && _a !== void 0
+            ? _a
+            : []
+        ).map(col => {
+            var _a;
+            const currentAttribute = searchState.attributes.find(
+                attribute => attribute.id === col.id && attribute.library === col.library
+            );
+            return Object.assign(Object.assign({}, col), {
+                path: col.key,
+                label:
+                    (_a =
+                        currentAttribute === null || currentAttribute === void 0 ? void 0 : currentAttribute.label) !==
+                        null && _a !== void 0
+                        ? _a
+                        : null,
+                multiple_values: !!col.multipleValues
+            });
+        })
+    );
     const handleSubmit = () => {
         var _a;
         const noDuplicateNewAttribute = selectedAttributes
-            .filter(selectedAttribute => !searchState.attributes.some(attribute => attribute.id === selectedAttribute.id && attribute.library === selectedAttribute.library))
+            .filter(
+                selectedAttribute =>
+                    !searchState.attributes.some(
+                        attribute =>
+                            attribute.id === selectedAttribute.id && attribute.library === selectedAttribute.library
+                    )
+            )
             .map(a => {
-            var _a;
-            return (Object.assign(Object.assign({}, a), { isLink: a.type === AttributeType.tree, isMultiple: a.multiple_values, format: (_a = a.format) !== null && _a !== void 0 ? _a : undefined }));
-        });
-        const allAttributes = [...((_a = searchState === null || searchState === void 0 ? void 0 : searchState.attributes) !== null && _a !== void 0 ? _a : []), ...noDuplicateNewAttribute];
-        searchDispatch({ type: SearchActionTypes.SET_ATTRIBUTES, attributes: allAttributes });
+                var _a;
+                return Object.assign(Object.assign({}, a), {
+                    isLink: a.type === AttributeType.tree,
+                    isMultiple: a.multiple_values,
+                    format: (_a = a.format) !== null && _a !== void 0 ? _a : undefined
+                });
+            });
+        const allAttributes = [
+            ...((_a = searchState === null || searchState === void 0 ? void 0 : searchState.attributes) !== null &&
+            _a !== void 0
+                ? _a
+                : []),
+            ...noDuplicateNewAttribute
+        ];
+        searchDispatch({type: SearchActionTypes.SET_ATTRIBUTES, attributes: allAttributes});
         const newFields = selectedAttributes.reduce((acc, selectedAttribute) => {
             var _a, _b, _c;
-            const attribute = allAttributes.find(currentAttr => currentAttr.id === selectedAttribute.id && currentAttr.library === selectedAttribute.library);
+            const attribute = allAttributes.find(
+                currentAttr =>
+                    currentAttr.id === selectedAttribute.id && currentAttr.library === selectedAttribute.library
+            );
             if (!attribute) {
                 return acc;
             }
             const key = getFieldsKeyFromAttribute(selectedAttribute);
-            const label = typeof attribute.label === 'string' ? attribute.label : localizedTranslation(attribute.label, lang);
+            const label =
+                typeof attribute.label === 'string' ? attribute.label : localizedTranslation(attribute.label, lang);
             const embeddedData = selectedAttribute.embeddedFieldData && {
-                format: (_b = (_a = selectedAttribute.embeddedFieldData) === null || _a === void 0 ? void 0 : _a.format) !== null && _b !== void 0 ? _b : AttributeFormat.text,
+                format:
+                    (_b = (_a = selectedAttribute.embeddedFieldData) === null || _a === void 0 ? void 0 : _a.format) !==
+                        null && _b !== void 0
+                        ? _b
+                        : AttributeFormat.text,
                 path: selectedAttribute.path
             };
             const field = {
@@ -51,12 +91,21 @@ function ChooseTableColumns({ visible, onClose }) {
                 key,
                 type: selectedAttribute.type,
                 format: attribute.format,
-                parentAttributeData: selectedAttribute === null || selectedAttribute === void 0 ? void 0 : selectedAttribute.parentAttributeData,
+                parentAttributeData:
+                    selectedAttribute === null || selectedAttribute === void 0
+                        ? void 0
+                        : selectedAttribute.parentAttributeData,
                 treeData: selectedAttribute.treeData,
                 embeddedData,
-                recordLibrary: ((_c = selectedAttribute === null || selectedAttribute === void 0 ? void 0 : selectedAttribute.parentAttributeData) === null || _c === void 0 ? void 0 : _c.type) === AttributeType.tree
-                    ? selectedAttribute.path.split('.')[1]
-                    : null
+                recordLibrary:
+                    ((_c =
+                        selectedAttribute === null || selectedAttribute === void 0
+                            ? void 0
+                            : selectedAttribute.parentAttributeData) === null || _c === void 0
+                        ? void 0
+                        : _c.type) === AttributeType.tree
+                        ? selectedAttribute.path.split('.')[1]
+                        : null
             };
             return [...acc, field];
         }, []);
@@ -75,10 +124,40 @@ function ChooseTableColumns({ visible, onClose }) {
     if (elements.length) {
         elements[0].style.overflow = 'initial';
     }
-    return (_jsx(Modal, Object.assign({ open: visible, onCancel: _handleCancel, title: t('table-columns-selection.header'), width: "70rem", centered: true, footer: [
-            _jsx(Button, Object.assign({ onClick: _handleCancel }, { children: t('table-columns-selection.cancel') }), "Cancel"),
-            _jsx(Button, Object.assign({ type: "primary", onClick: handleSubmit }, { children: t('table-columns-selection.submit') }), "Submit")
-        ] }, { children: _jsx(AttributesSelectionList, { library: searchState.library.id, selectedAttributes: selectedAttributes, onSelectionChange: setSelectedAttributes }) })));
+    return _jsx(
+        Modal,
+        Object.assign(
+            {
+                open: visible,
+                onCancel: _handleCancel,
+                title: t('table-columns-selection.header'),
+                width: '70rem',
+                centered: true,
+                footer: [
+                    _jsx(
+                        Button,
+                        Object.assign({onClick: _handleCancel}, {children: t('table-columns-selection.cancel')}),
+                        'Cancel'
+                    ),
+                    _jsx(
+                        Button,
+                        Object.assign(
+                            {type: 'primary', onClick: handleSubmit},
+                            {children: t('table-columns-selection.submit')}
+                        ),
+                        'Submit'
+                    )
+                ]
+            },
+            {
+                children: _jsx(AttributesSelectionList, {
+                    library: searchState.library.id,
+                    selectedAttributes: selectedAttributes,
+                    onSelectionChange: setSelectedAttributes
+                })
+            }
+        )
+    );
 }
 export default ChooseTableColumns;
-//# sourceMappingURL=ChooseTableColumns.js.map
+//# sourceMappingURL=ChooseTableColumns.js.map

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

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import ChooseTableColumns from './ChooseTableColumns';
 export default ChooseTableColumns;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,20 +1,20 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 {CaretDownOutlined, CaretUpOutlined} from '@ant-design/icons';
+import {Dropdown} from 'antd';
+import {useState} from 'react';
 import styled from 'styled-components';
-import { themeVars } from '../../../../antdTheme';
+import {themeVars} from '../../../../antdTheme';
 import useSearchReducer from '../../../../components/LibraryItemsList/hooks/useSearchReducer';
-import { SearchActionTypes } from '../../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
-import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
-import { SortOrder } from '../../../../_gqlTypes';
-import { infosCol } from '../../constants';
-import { getSortFieldByAttributeType } from '../../helpers/getSortFieldByAttributeType';
+import {SearchActionTypes} from '../../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
+import {useSharedTranslation} from '../../../../hooks/useSharedTranslation';
+import {SortOrder} from '../../../../_gqlTypes';
+import {infosCol} from '../../constants';
+import {getSortFieldByAttributeType} from '../../helpers/getSortFieldByAttributeType';
 import ChooseTableColumns from '../ChooseTableColumns';
-const Wrapper = styled.div `
+const Wrapper = styled.div`
     display: flex;
     justify-content: center;
     align-items: center;
@@ -32,7 +32,7 @@ const Wrapper = styled.div `
         }
     }
 `;
-const DropdownContent = styled.div `
+const DropdownContent = styled.div`
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -41,7 +41,7 @@ const DropdownContent = styled.div `
     word-break: 'keep-all';
     user-select: 'none';
 `;
-const WrapperArrow = styled.div `
+const WrapperArrow = styled.div`
     border-radius: 50%;
     cursor: pointer;
     border: 1px solid transparent;
@@ -59,18 +59,20 @@ const WrapperArrow = styled.div `
     }
 
     & > span:first-child {
-        opacity: ${({ $filterDirection: filterDirection, $filterActive: filterActive }) => filterActive && filterDirection === SortOrder.asc ? 1 : 0.5};
+        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};
+        opacity: ${({$filterDirection: filterDirection, $filterActive: filterActive}) =>
+            filterActive && filterDirection === SortOrder.desc ? 1 : 0.5};
     }
 `;
 WrapperArrow.displayName = 'WrapperArrow';
-const Header = ({ id, children, type }) => {
+const Header = ({id, children, type}) => {
     var _a, _b, _c;
-    const { t } = useSharedTranslation();
-    const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
+    const {t} = useSharedTranslation();
+    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();
     const [openChangeColumns, setOpenChangeColumns] = useState(false);
     const [isHover, setIsHover] = useState(false);
     const handleSort = (attId, order, attType) => {
@@ -82,7 +84,7 @@ const Header = ({ id, children, type }) => {
                 order
             }
         });
-        searchDispatch({ type: SearchActionTypes.SET_LOADING, loading: true });
+        searchDispatch({type: SearchActionTypes.SET_LOADING, loading: true});
     };
     const handleDesc = (attId, attType) => {
         handleSort(attId, SortOrder.desc, attType);
@@ -95,47 +97,96 @@ const Header = ({ id, children, type }) => {
             type: SearchActionTypes.CANCEL_SORT
         });
     };
-    const handleHideColumn = (attId) => {
+    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')
+    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, {})]}
+                                        )
+                                    )
+                                })
                             }
-                            : 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 }))] })));
+                        )
+                    ),
+                    openChangeColumns &&
+                        _jsx(ChooseTableColumns, {visible: openChangeColumns, onClose: _handleCloseChooseTableColumns})
+                ]
+            }
+        )
+    );
 };
 export default Header;
-//# sourceMappingURL=Header.js.map
+//# sourceMappingURL=Header.js.map

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

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import Header from './Header';
 export default Header;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map