@leav/ui 0.2.8 → 0.3.0

package/dist/components/LibraryItemsList/LibraryItemsListTable/Cell/AllValuesCount/AllValuesCount.js

@@ -1,17 +1,17 @@
-import {jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs} from 'react/jsx-runtime';
+import { jsx as _jsx, Fragment as _Fragment, 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 {Modal, Tooltip} from 'antd';
+import { Modal, Tooltip } from 'antd';
 import styled from 'styled-components';
-import {themeVars} from '../../../../../antdTheme';
-import {RecordCard} from '../../../../../components';
+import { themeVars } from '../../../../../antdTheme';
+import { RecordCard } from '../../../../../components';
 import List from '../../../../../components/List';
-import {PreviewSize} from '../../../../../constants';
-import {useSharedTranslation} from '../../../../../hooks/useSharedTranslation';
-import {AttributeType} from '../../../../../_gqlTypes';
-import {stopEvent} from '../../../../../_utils';
-const MoreValuesCount = styled.span`
+import { PreviewSize } from '../../../../../constants';
+import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
+import { AttributeType } from '../../../../../_gqlTypes';
+import { stopEvent } from '../../../../../_utils';
+const MoreValuesCount = styled.span `
     padding: 0 0.75em;
     height: 1.75em;
     line-height: 1.75em;
@@ -23,74 +23,30 @@ const MoreValuesCount = styled.span`
     font-size: 0.9em;
     cursor: pointer;
 `;
-function AllValuesCount({values, attributeType}) {
-    const {t} = useSharedTranslation();
+function AllValuesCount({ values, attributeType }) {
+    const { t } = useSharedTranslation();
     const [modal, contextHolder] = Modal.useModal();
-    const _handleShowMoreClick = e => {
+    const _handleShowMoreClick = (e) => {
         stopEvent(e);
         modal.info({
             icon: null,
-            content: _jsx(List, {
-                dataSource: values.map(val =>
-                    (val === null || val === void 0 ? void 0 : val.whoAmI)
-                        ? _jsx(RecordCard, {
-                              record: val === null || val === void 0 ? void 0 : val.whoAmI,
-                              size: PreviewSize.small
-                          })
-                        : val
-                ),
-                size: 'small',
-                maxHeight: '50vh'
-            }),
+            content: (_jsx(List, { dataSource: values.map(val => (val === null || val === void 0 ? void 0 : val.whoAmI) ? _jsx(RecordCard, { record: val === null || val === void 0 ? void 0 : val.whoAmI, size: PreviewSize.small }) : val), size: "small", maxHeight: "50vh" })),
             okText: t('global.close')
         });
     };
     const otherValuesData = values
         .slice(0, 5)
         .map(val => {
-            var _a, _b;
-            const whoAmI =
-                attributeType === AttributeType.tree
-                    ? (_a = val === null || val === void 0 ? void 0 : val.record) === null || _a === void 0
-                        ? void 0
-                        : _a.whoAmI
-                    : val === null || val === void 0
-                    ? void 0
-                    : val.whoAmI;
-            if (!whoAmI) {
-                return null;
-            }
-            return (_b = whoAmI.label) !== null && _b !== void 0 ? _b : whoAmI.id;
-        })
+        var _a, _b;
+        const whoAmI = attributeType === AttributeType.tree ? (_a = val === null || val === void 0 ? void 0 : val.record) === null || _a === void 0 ? void 0 : _a.whoAmI : val === null || val === void 0 ? void 0 : val.whoAmI;
+        if (!whoAmI) {
+            return null;
+        }
+        return (_b = whoAmI.label) !== null && _b !== void 0 ? _b : whoAmI.id;
+    })
         .filter(val => !!val); // To make sure we don't have null values. This crashes the List component
-    const otherValuesList = _jsx(List, {
-        dataSource: otherValuesData,
-        size: 'small',
-        maxHeight: '50vh',
-        footer:
-            values.length > 5 &&
-            _jsx('a', Object.assign({onClick: _handleShowMoreClick}, {children: t('items_list.show_more_links')}))
-    });
-    return _jsxs(_Fragment, {
-        children: [
-            _jsx(
-                Tooltip,
-                Object.assign(
-                    {overlay: otherValuesList, color: 'white'},
-                    {
-                        children: _jsx(
-                            MoreValuesCount,
-                            Object.assign(
-                                {onClick: _handleShowMoreClick, onDoubleClick: stopEvent},
-                                {children: values.length}
-                            )
-                        )
-                    }
-                )
-            ),
-            contextHolder
-        ]
-    });
+    const otherValuesList = (_jsx(List, { dataSource: otherValuesData, size: "small", maxHeight: "50vh", footer: values.length > 5 && _jsx("a", Object.assign({ onClick: _handleShowMoreClick }, { children: t('items_list.show_more_links') })) }));
+    return (_jsxs(_Fragment, { children: [_jsx(Tooltip, Object.assign({ overlay: otherValuesList, color: "white" }, { children: _jsx(MoreValuesCount, Object.assign({ onClick: _handleShowMoreClick, onDoubleClick: stopEvent }, { children: values.length })) })), contextHolder] }));
 }
 export default AllValuesCount;
-//# sourceMappingURL=AllValuesCount.js.map
+//# sourceMappingURL=AllValuesCount.js.map

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

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

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import {ITableCell} from '../../../../types/search';
+import { ITableCell } from '../../../../types/search';
 interface ICellProps {
     columnName: string;
     data: ITableCell;
 }
-declare const Cell: ({columnName, data}: ICellProps) => JSX.Element;
+declare const Cell: ({ columnName, data }: ICellProps) => JSX.Element;
 export default Cell;

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

@@ -1,29 +1,29 @@
-import {Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs} from 'react/jsx-runtime';
+import { Fragment as _Fragment, 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 styled from 'styled-components';
-import {RecordCard} from '../../../../components';
+import { RecordCard } from '../../../../components';
 import useSearchReducer from '../../../../components/LibraryItemsList/hooks/useSearchReducer';
-import {PreviewSize} from '../../../../constants';
-import {useLang} from '../../../../hooks';
-import {AttributeType} from '../../../../_gqlTypes';
-import {infosCol} from '../../constants';
-import {displayTypeToPreviewSize} from '../../helpers/displayTypeToPreviewSize';
+import { PreviewSize } from '../../../../constants';
+import { useLang } from '../../../../hooks';
+import { AttributeType } from '../../../../_gqlTypes';
+import { infosCol } from '../../constants';
+import { displayTypeToPreviewSize } from '../../helpers/displayTypeToPreviewSize';
 import AllValuesCount from './AllValuesCount';
 import CellInfos from './CellInfos';
 import StandardCell from './StandardCell';
-const RecordCardCellWrapper = styled.div`
+const RecordCardCellWrapper = styled.div `
     display: flex;
     align-items: center;
     justify-content: space-between;
     width: 100%;
 `;
-const Cell = ({columnName, data}) => {
+const Cell = ({ columnName, data }) => {
     var _a, _b;
-    const {value, type} = data;
-    const {lang} = useLang();
-    const {state: searchState} = useSearchReducer();
+    const { value, type } = data;
+    const { lang } = useLang();
+    const { state: searchState } = useSearchReducer();
     const previewSize = displayTypeToPreviewSize(searchState.display.size);
     const valuesToDisplay = Array.isArray(value) ? value : [value];
     if (!valuesToDisplay.length) {
@@ -32,48 +32,20 @@ const Cell = ({columnName, data}) => {
     switch (type) {
         case AttributeType.simple:
         case AttributeType.advanced:
-            return _jsx(StandardCell, {cellData: data, values: valuesToDisplay});
+            return _jsx(StandardCell, { cellData: data, values: valuesToDisplay });
         case AttributeType.simple_link:
         case AttributeType.advanced_link:
         case AttributeType.tree:
             const [firstValue, ...otherValues] = valuesToDisplay;
-            const whoAmI =
-                type === AttributeType.tree
-                    ? (_a = firstValue === null || firstValue === void 0 ? void 0 : firstValue.record) === null ||
-                      _a === void 0
-                        ? void 0
-                        : _a.whoAmI
-                    : firstValue === null || firstValue === void 0
-                    ? void 0
-                    : firstValue.whoAmI;
-            return whoAmI
-                ? _jsxs(RecordCardCellWrapper, {
-                      children: [
-                          _jsx(
-                              RecordCard,
-                              {
-                                  record: whoAmI,
-                                  size: PreviewSize.small,
-                                  lang: lang,
-                                  withPreview: true,
-                                  withLibrary: false,
-                                  simplistic: true
-                              },
-                              whoAmI.id
-                          ),
-                          ((_b = otherValues.length) !== null && _b !== void 0 ? _b : 0)
-                              ? _jsx(AllValuesCount, {values: valuesToDisplay, attributeType: type})
-                              : _jsx(_Fragment, {})
-                      ]
-                  })
-                : null;
+            const whoAmI = type === AttributeType.tree ? (_a = firstValue === null || firstValue === void 0 ? void 0 : firstValue.record) === null || _a === void 0 ? void 0 : _a.whoAmI : firstValue === null || firstValue === void 0 ? void 0 : firstValue.whoAmI;
+            return whoAmI ? (_jsxs(RecordCardCellWrapper, { children: [_jsx(RecordCard, { record: whoAmI, size: PreviewSize.small, lang: lang, withPreview: true, withLibrary: false, simplistic: true }, whoAmI.id), ((_b = otherValues.length) !== null && _b !== void 0 ? _b : 0) ? _jsx(AllValuesCount, { values: valuesToDisplay, attributeType: type }) : _jsx(_Fragment, {})] })) : null;
         default:
             // selection and infos column has no type
             if (columnName === infosCol) {
-                return _jsx(CellInfos, {record: value, previewSize: previewSize, lang: lang});
+                return _jsx(CellInfos, { record: value, previewSize: previewSize, lang: lang });
             }
             return _jsx(_Fragment, {});
     }
 };
 export default Cell;
-//# sourceMappingURL=Cell.js.map
+//# sourceMappingURL=Cell.js.map

package/dist/components/LibraryItemsList/LibraryItemsListTable/Cell/CellInfos/CellInfos.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import {PreviewSize} from '../../../../../constants';
-import {IRecordIdentityWhoAmI} from '../../../../../types/records';
+import { PreviewSize } from '../../../../../constants';
+import { IRecordIdentityWhoAmI } from '../../../../../types/records';
 interface ICellInfosProps {
     record: IRecordIdentityWhoAmI;
     previewSize: PreviewSize;
     lang?: string[];
 }
-declare function CellInfos({record, previewSize, lang}: ICellInfosProps): JSX.Element;
+declare function CellInfos({ record, previewSize, lang }: ICellInfosProps): JSX.Element;
 export default CellInfos;

package/dist/components/LibraryItemsList/LibraryItemsListTable/Cell/CellInfos/CellInfos.js

@@ -1,63 +1,43 @@
-import {jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs} from 'react/jsx-runtime';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from 'styled-components';
-import {FloatingMenu, RecordCard} from '../../../../../components';
+import { FloatingMenu, RecordCard } from '../../../../../components';
 import useSearchReducer from '../../../../../components/LibraryItemsList/hooks/useSearchReducer';
 import DeactivateRecordBtn from '../../../../../components/LibraryItemsList/shared/DeactivateRecordBtn';
-import SelectCellsBtn, {SelectCellsBtnType} from '../../../../../components/LibraryItemsList/shared/SelectCellsBtn';
+import SelectCellsBtn, { SelectCellsBtnType } from '../../../../../components/LibraryItemsList/shared/SelectCellsBtn';
 import EditRecordBtn from '../../../../../components/RecordEdition/EditRecordBtn';
-import {useSharedTranslation} from '../../../../../hooks/useSharedTranslation';
-const Info = styled.div`
+import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
+const Info = styled.div `
     min-width: 150px;
 `;
-function CellInfos({record, previewSize, lang}) {
-    const {t} = useSharedTranslation();
-    const {state: searchState} = useSearchReducer();
+function CellInfos({ record, previewSize, lang }) {
+    const { t } = useSharedTranslation();
+    const { state: searchState } = useSearchReducer();
     const canDeleteRecord = searchState.library.permissions.delete_record;
     const menuBtnSize = 'middle';
     const menuActions = [
         {
             title: t('global.details'),
-            button: _jsx(EditRecordBtn, {
-                shape: 'circle',
-                record: record,
-                size: menuBtnSize,
-                valuesVersion: searchState.valuesVersions
-            })
+            button: (_jsx(EditRecordBtn, { shape: 'circle', record: record, size: menuBtnSize, valuesVersion: searchState.valuesVersions }))
         }
     ];
     if (canDeleteRecord) {
         menuActions.push({
             title: t('records_deactivation.title_one'),
-            button: _jsx(DeactivateRecordBtn, {record: record})
+            button: _jsx(DeactivateRecordBtn, { record: record })
         });
     }
     const selectActions = [
         {
             title: t('items-list-row.select-only'),
-            button: _jsx(SelectCellsBtn, {
-                selectionType: SelectCellsBtnType.ONLY,
-                text: t('items-list-row.select-only'),
-                record: record,
-                size: menuBtnSize
-            })
+            button: (_jsx(SelectCellsBtn, { selectionType: SelectCellsBtnType.ONLY, text: t('items-list-row.select-only'), record: record, size: menuBtnSize }))
         },
         {
             title: t('items-list-row.select-all'),
-            button: _jsx(SelectCellsBtn, {
-                selectionType: SelectCellsBtnType.ALL,
-                text: t('items-list-row.select-all'),
-                record: record,
-                size: menuBtnSize
-            })
+            button: (_jsx(SelectCellsBtn, { selectionType: SelectCellsBtnType.ALL, text: t('items-list-row.select-all'), record: record, size: menuBtnSize }))
         }
     ];
     const isSelectActive = searchState.selection.selected.length || searchState.selection.allSelected;
-    return _jsxs(_Fragment, {
-        children: [
-            _jsx(Info, {children: _jsx(RecordCard, {record: record, size: previewSize, lang: lang})}),
-            _jsx(FloatingMenu, {actions: isSelectActive ? selectActions : menuActions, size: menuBtnSize})
-        ]
-    });
+    return (_jsxs(_Fragment, { children: [_jsx(Info, { children: _jsx(RecordCard, { record: record, size: previewSize, lang: lang }) }), _jsx(FloatingMenu, { actions: isSelectActive ? selectActions : menuActions, size: menuBtnSize })] }));
 }
 export default CellInfos;
-//# sourceMappingURL=CellInfos.js.map
+//# sourceMappingURL=CellInfos.js.map

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

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

package/dist/components/LibraryItemsList/LibraryItemsListTable/Cell/CellSelection/CellSelection.d.ts

@@ -2,5 +2,5 @@
 interface ICellSelectionProps {
     selected: boolean;
 }
-declare function CellSelection({selected}: ICellSelectionProps): JSX.Element;
+declare function CellSelection({ selected }: ICellSelectionProps): JSX.Element;
 export default CellSelection;

package/dist/components/LibraryItemsList/LibraryItemsListTable/Cell/CellSelection/CellSelection.js

@@ -1,18 +1,18 @@
-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 {CheckCircleFilled, CheckCircleOutlined} from '@ant-design/icons';
+import { CheckCircleFilled, CheckCircleOutlined } from '@ant-design/icons';
 import styled from 'styled-components';
-import {themeVars} from '../../../../../antdTheme';
-const Wrapper = styled.div`
+import { themeVars } from '../../../../../antdTheme';
+const Wrapper = styled.div `
     display: grid;
     place-items: center;
     position: relative;
     height: 100%;
     width: 100%;
 `;
-const CustomCheckbox = styled.span`
+const CustomCheckbox = styled.span `
     && {
         display: ${p => (!p.checked ? 'none' : 'block')};
         color: ${p => (p.checked ? themeVars.primaryColor : themeVars.defaultTextColor)};
@@ -27,16 +27,8 @@ const CustomCheckbox = styled.span`
         display: block;
     }
 `;
-function CellSelection({selected}) {
-    return _jsx(Wrapper, {
-        children: _jsx(
-            CustomCheckbox,
-            Object.assign(
-                {checked: selected, role: 'checkbox'},
-                {children: selected ? _jsx(CheckCircleFilled, {}) : _jsx(CheckCircleOutlined, {})}
-            )
-        )
-    });
+function CellSelection({ selected }) {
+    return (_jsx(Wrapper, { children: _jsx(CustomCheckbox, Object.assign({ checked: selected, role: "checkbox" }, { children: selected ? _jsx(CheckCircleFilled, {}) : _jsx(CheckCircleOutlined, {}) })) }));
 }
 export default CellSelection;
-//# sourceMappingURL=CellSelection.js.map
+//# sourceMappingURL=CellSelection.js.map

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

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

package/dist/components/LibraryItemsList/LibraryItemsListTable/Cell/StandardCell/ElementsToDisplay/RichTextDisplay.d.ts

@@ -2,5 +2,5 @@
 export interface IRichTextDisplayProps {
     displayedValue: string;
 }
-declare function RichTextDisplay({displayedValue}: IRichTextDisplayProps): JSX.Element;
+declare function RichTextDisplay({ displayedValue }: IRichTextDisplayProps): JSX.Element;
 export default RichTextDisplay;

package/dist/components/LibraryItemsList/LibraryItemsListTable/Cell/StandardCell/ElementsToDisplay/RichTextDisplay.js

@@ -1,23 +1,23 @@
-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 EllipsisOutlined from '@ant-design/icons/lib/icons/EllipsisOutlined';
-import {Tooltip} from 'antd';
+import { Tooltip } from 'antd';
 import parse from 'html-react-parser';
 import styled from 'styled-components';
 import DOMPurify from 'dompurify';
-const EllipsisOutlinedComponent = styled(EllipsisOutlined)`
+const EllipsisOutlinedComponent = styled(EllipsisOutlined) `
     border-width: 1px;
     border-style: solid;
     border-color: #d9d9d9;
     background: white;
     border-radius: 10px;
 `;
-function RichTextDisplay({displayedValue}) {
+function RichTextDisplay({ displayedValue }) {
     const sanitizedDisplayedValue = DOMPurify.sanitize(displayedValue);
     const parseValue = parse(sanitizedDisplayedValue);
-    return _jsx(Tooltip, Object.assign({overlay: parseValue}, {children: _jsx(EllipsisOutlinedComponent, {})}));
+    return (_jsx(Tooltip, Object.assign({ overlay: parseValue }, { children: _jsx(EllipsisOutlinedComponent, {}) })));
 }
 export default RichTextDisplay;
-//# sourceMappingURL=RichTextDisplay.js.map
+//# sourceMappingURL=RichTextDisplay.js.map

package/dist/components/LibraryItemsList/LibraryItemsListTable/Cell/StandardCell/StandardCell.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import {AnyPrimitive} from '@leav/utils';
-import {ITableCell} from '../../../../../types/search';
+import { AnyPrimitive } from '@leav/utils';
+import { ITableCell } from '../../../../../types/search';
 interface ISimpleCellProps {
     cellData: ITableCell;
     values: AnyPrimitive[];
 }
-declare function StandardCell({cellData, values}: ISimpleCellProps): JSX.Element;
+declare function StandardCell({ cellData, values }: ISimpleCellProps): JSX.Element;
 export default StandardCell;

package/dist/components/LibraryItemsList/LibraryItemsListTable/Cell/StandardCell/StandardCell.js

@@ -1,16 +1,16 @@
-import {jsx as _jsx, Fragment as _Fragment} from 'react/jsx-runtime';
+import { jsx as _jsx, 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 {CheckOutlined, CloseOutlined, FileTextOutlined} from '@ant-design/icons';
-import {getInvertColor} from '@leav/utils';
-import {Switch, Tag, Tooltip, Typography} from 'antd';
+import { CheckOutlined, CloseOutlined, FileTextOutlined } from '@ant-design/icons';
+import { getInvertColor } from '@leav/utils';
+import { Switch, Tag, Tooltip, Typography } from 'antd';
 import isEmpty from 'lodash/isEmpty';
 import React from 'react';
 import styled from 'styled-components';
-import {useSharedTranslation} from '../../../../../hooks/useSharedTranslation';
-import {AttributeFormat} from '../../../../../_gqlTypes';
-import {stringifyDateRangeValue} from '../../../../../_utils';
+import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
+import { AttributeFormat } from '../../../../../_gqlTypes';
+import { stringifyDateRangeValue } from '../../../../../_utils';
 const RichTextDisplay = React.lazy(() => import('./ElementsToDisplay/RichTextDisplay'));
 const alignmentByFormat = {
     [AttributeFormat.text]: 'left',
@@ -23,14 +23,14 @@ const alignmentByFormat = {
     [AttributeFormat.color]: 'left',
     [AttributeFormat.rich_text]: 'center'
 };
-const Wrapper = styled.div`
+const Wrapper = styled.div `
     padding: 5px;
     width: 100%;
     text-align: ${props => alignmentByFormat[props.$format]};
 `;
-function StandardCell({cellData, values}) {
-    const {t} = useSharedTranslation();
-    const _getValueByFormat = cellValue => {
+function StandardCell({ cellData, values }) {
+    const { t } = useSharedTranslation();
+    const _getValueByFormat = (cellValue) => {
         switch (cellData.format) {
             case AttributeFormat.date_range:
                 const rangeValue = cellValue;
@@ -40,74 +40,35 @@ function StandardCell({cellData, values}) {
         }
     };
     const displayedValues = values.map(val => _getValueByFormat(val)).join(', ');
-    const _getTagStyle = value => {
-        return {color: getInvertColor('#' + value)};
+    const _getTagStyle = (value) => {
+        return { color: getInvertColor('#' + value) };
     };
     const _getElementToDisplay = () => {
         switch (cellData.format) {
             case AttributeFormat.boolean:
-                return _jsx(Switch, {
-                    disabled: true,
-                    checked: !!values[0],
-                    checkedChildren: _jsx(CheckOutlined, {}),
-                    unCheckedChildren: _jsx(CloseOutlined, {})
-                });
+                return (_jsx(Switch, { disabled: true, checked: !!values[0], checkedChildren: _jsx(CheckOutlined, {}), unCheckedChildren: _jsx(CloseOutlined, {}) }));
             case AttributeFormat.color:
                 if (!isEmpty(values)) {
-                    return _jsx(_Fragment, {
-                        children: values.map(valueHex =>
-                            _jsx(
-                                Tag,
-                                Object.assign(
-                                    {bordered: true, color: '#' + valueHex, style: _getTagStyle('#' + valueHex)},
-                                    {children: '#' + valueHex}
-                                )
-                            )
-                        )
-                    });
-                } else {
+                    return (_jsx(_Fragment, { children: values.map(valueHex => (_jsx(Tag, Object.assign({ bordered: true, color: '#' + valueHex, style: _getTagStyle('#' + valueHex) }, { children: '#' + valueHex })))) }));
+                }
+                else {
                     return displayedValues;
                 }
             case AttributeFormat.rich_text:
                 if (!isEmpty(displayedValues)) {
-                    return _jsx(RichTextDisplay, {displayedValue: displayedValues});
-                } else {
+                    return _jsx(RichTextDisplay, { displayedValue: displayedValues });
+                }
+                else {
                     return displayedValues;
                 }
             default:
                 return displayedValues;
         }
     };
-    return _jsx(
-        Wrapper,
-        Object.assign(
-            {$format: cellData.format},
-            {
-                children:
-                    cellData.format === AttributeFormat.extended
-                        ? _jsx(
-                              Tooltip,
-                              Object.assign(
-                                  {overlay: displayedValues},
-                                  {children: _jsx(FileTextOutlined, {size: 256, style: {fontSize: '2em'}})}
-                              )
-                          )
-                        : _jsx(
-                              Typography.Paragraph,
-                              Object.assign(
-                                  {
-                                      ellipsis: {
-                                          rows: 1,
-                                          tooltip: displayedValues
-                                      },
-                                      style: {margin: 0}
-                                  },
-                                  {children: _getElementToDisplay()}
-                              )
-                          )
-            }
-        )
-    );
+    return (_jsx(Wrapper, Object.assign({ "$format": cellData.format }, { children: cellData.format === AttributeFormat.extended ? (_jsx(Tooltip, Object.assign({ overlay: displayedValues }, { children: _jsx(FileTextOutlined, { size: 256, style: { fontSize: '2em' } }) }))) : (_jsx(Typography.Paragraph, Object.assign({ ellipsis: {
+                rows: 1,
+                tooltip: displayedValues
+            }, style: { margin: 0 } }, { children: _getElementToDisplay() }))) })));
 }
 export default StandardCell;
-//# sourceMappingURL=StandardCell.js.map
+//# sourceMappingURL=StandardCell.js.map

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

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

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

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

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

@@ -3,5 +3,5 @@ interface IChooseTableColumnsProps {
     visible: boolean;
     onClose: () => void;
 }
-declare function ChooseTableColumns({visible, onClose}: IChooseTableColumnsProps): JSX.Element;
+declare function ChooseTableColumns({ visible, onClose }: IChooseTableColumnsProps): JSX.Element;
 export default ChooseTableColumns;