@leav/ui 0.2.7 → 0.2.8

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,20 +32,48 @@ 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,43 +1,63 @@
-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,8 +27,16 @@ 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,35 +40,74 @@ 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;