@leav/ui 0.2.8 → 0.3.0

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

@@ -1,87 +1,47 @@
-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 = {
@@ -91,21 +51,12 @@ 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];
         }, []);
@@ -124,40 +75,10 @@ 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,20 +59,18 @@ 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) => {
@@ -84,7 +82,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);
@@ -97,96 +95,47 @@ 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')
-                                              }
-                                            : 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, {})]}
-                                        )
-                                    )
-                                })
+    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')
                             }
-                        )
-                    ),
-                    openChangeColumns &&
-                        _jsx(ChooseTableColumns, {visible: openChangeColumns, onClose: _handleCloseChooseTableColumns})
-                ]
-            }
-        )
-    );
+                            : 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
+//# 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