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

package/dist/components/LibraryItemsList/TileDisplay/ItemTileDisplay/ItemTileDisplay.js

@@ -0,0 +1,199 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { CheckCircleFilled, CheckOutlined } from '@ant-design/icons';
+import { Button, Card, Space, Tooltip } from 'antd';
+import Paragraph from 'antd/lib/typography/Paragraph';
+import { useEffect, useState } from 'react';
+import styled from 'styled-components';
+import { themeVars } from '_ui/antdTheme';
+import { EntityPreview } from '_ui/components';
+import useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';
+import DeactivateRecordBtn from '_ui/components/LibraryItemsList/shared/DeactivateRecordBtn';
+import SelectCellsBtn, { SelectCellsBtnType } from '_ui/components/LibraryItemsList/shared/SelectCellsBtn';
+import EditRecordBtn from '_ui/components/RecordEdition/EditRecordBtn';
+import { PreviewSize } from '_ui/constants';
+import useLang from '_ui/hooks/useLang';
+import { useSharedTranslation } from '_ui/hooks/useSharedTranslation';
+import { stopEvent } from '_ui/_utils';
+import EditRecordModal from '../../../RecordEdition/EditRecordModal';
+import { displayTypeToPreviewSize } from '../../helpers/displayTypeToPreviewSize';
+import { SearchActionTypes } from '../../hooks/useSearchReducer/searchReducer';
+import getItemPreviewSize from '../helpers/getItemPreviewSize';
+const buttonsColor = '#333333';
+// Using 8 digit hexadecimal notation to add transparency
+const hoverBackgroundColor = `${themeVars.activeColor}AA`;
+const selectedBackgroundColor = `${themeVars.activeColor}DF`;
+const Item = styled(Card) `
+    && {
+        width: ${p => p.$previewSize};
+        margin: 0.5em;
+        outline: 2px solid transparent;
+
+        & .ant-card-cover {
+            width: ${p => p.$previewSize};
+            height: ${p => p.$previewSize};
+        }
+
+        &:hover {
+            outline-color: ${themeVars.primaryColor};
+        }
+    }
+`;
+const ImageWrapper = styled.div `
+    position: relative;
+    border-bottom: 1px solid ${themeVars.borderLightColor};
+`;
+const ActionsWrapper = styled.div `
+    display: flex;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+
+    justify-content: center;
+
+    &:hover {
+        .actions {
+            animation: show-actions 300ms ease;
+            opacity: 1;
+            background: ${hoverBackgroundColor};
+        }
+    }
+
+    @keyframes show-actions {
+        from {
+            opacity: 0;
+            background: none;
+        }
+        to {
+            opacity: 1;
+            background: ${hoverBackgroundColor};
+        }
+    }
+`;
+const Selection = styled.div `
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    cursor: pointer;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: ${p => (p.checked ? selectedBackgroundColor : 'none')};
+
+    &:hover {
+        background: ${p => (p.checked ? selectedBackgroundColor : hoverBackgroundColor)};
+    }
+`;
+const SelectionActions = styled(Space) `
+    && {
+        display: none;
+        position: absolute;
+        top: 1em;
+    }
+    ${Selection}:hover & {
+        display: inherit;
+    }
+    button {
+        color: ${buttonsColor};
+        border-color: ${buttonsColor};
+    }
+`;
+const Actions = styled.div `
+    position: absolute;
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    opacity: 0;
+    width: 100%;
+    height: 100%;
+    grid-gap: 1rem;
+
+    justify-items: center;
+    align-items: center;
+    justify-content: center;
+
+    border-radius: 0.25rem 0.25rem 0 0;
+
+    button {
+        color: ${buttonsColor};
+        border-color: ${buttonsColor}66;
+
+        // Arrange buttons, depending on their position on the grid
+        &:nth-child(1) {
+            justify-self: end;
+            align-self: end;
+        }
+        &:nth-child(2) {
+            justify-self: start;
+            align-self: end;
+        }
+        &:nth-child(3) {
+            justify-self: end;
+            align-self: start;
+        }
+        &:nth-child(4) {
+            justify-self: start;
+            align-self: start;
+        }
+    }
+`;
+const CheckedIconWrapper = styled.div `
+    font-size: 3em;
+    color: ${themeVars.primaryColor};
+`;
+function ItemTileDisplay({ item }) {
+    var _a, _b;
+    const { t } = useSharedTranslation();
+    const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
+    const canDeleteRecord = searchState.library.permissions.delete_record;
+    const [editRecordModal, setEditRecordModal] = useState(false);
+    const previewSize = displayTypeToPreviewSize(searchState.display.size);
+    const { lang } = useLang();
+    const [isSelected, setIsSelect] = useState(!!searchState.selection.selected.some(elementSelected => elementSelected.id === item.whoAmI.id && elementSelected.library === item.whoAmI.library.id));
+    const mustShowTransparency = searchState.showTransparency;
+    const isAllSelected = searchState.selection.allSelected;
+    const selectedToggle = (e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        setIsSelect(!isSelected);
+        const newSelected = {
+            id: item.whoAmI.id,
+            library: item.whoAmI.library.id,
+            label: item.whoAmI.label
+        };
+        searchDispatch({
+            type: SearchActionTypes.TOGGLE_RECORD_SELECTION,
+            record: newSelected
+        });
+    };
+    useEffect(() => {
+        setIsSelect(searchState.selection.selected.some(elementSelected => elementSelected.id === item.whoAmI.id && elementSelected.library === item.whoAmI.library.id));
+    }, [searchState.selection, item, searchState]);
+    const _handleClose = () => {
+        setEditRecordModal(false);
+    };
+    const _handleSelect = e => {
+        stopEvent(e);
+        selectedToggle(e);
+    };
+    const isChecked = isSelected || isAllSelected;
+    const isSelectActive = searchState.selection.selected.length || searchState.selection.allSelected;
+    const itemPreviewSize = getItemPreviewSize(previewSize);
+    return (_jsxs(_Fragment, { children: [editRecordModal && (_jsx(EditRecordModal, { open: editRecordModal, record: item.whoAmI, library: item.whoAmI.library.id, onClose: _handleClose })), _jsx(Item, Object.assign({ "$previewSize": itemPreviewSize, size: "small", onClick: selectedToggle, onDoubleClick: () => setEditRecordModal(true), cover: _jsxs(ImageWrapper, { children: [_jsx(EntityPreview, { label: item.whoAmI.label || item.whoAmI.id, image: String((_b = (_a = item.whoAmI.preview) === null || _a === void 0 ? void 0 : _a[previewSize]) !== null && _b !== void 0 ? _b : ''), tile: true, style: {
+                                width: itemPreviewSize,
+                                height: itemPreviewSize
+                            }, placeholderStyle: {
+                                width: itemPreviewSize,
+                                height: itemPreviewSize
+                            }, imageStyle: {
+                                background: mustShowTransparency ? themeVars.checkerBoard : 'transparent'
+                            } }), _jsx(ActionsWrapper, { children: isChecked || isSelectActive ? (_jsxs(Selection, Object.assign({ checked: isChecked }, { children: [_jsxs(SelectionActions, { children: [_jsx(SelectCellsBtn, { selectionType: SelectCellsBtnType.ONLY, text: t('items-list-row.select-only'), record: item.whoAmI, size: "small" }), _jsx(SelectCellsBtn, { selectionType: SelectCellsBtnType.ALL, text: t('items-list-row.select-all'), record: item.whoAmI, size: "small" })] }), isChecked && (_jsx(CheckedIconWrapper, Object.assign({ className: "checked-icon" }, { children: _jsx(CheckCircleFilled, {}) })))] }))) : (_jsxs(Actions, Object.assign({ className: "actions" }, { children: [_jsx(Tooltip, Object.assign({ title: t('global.select') }, { children: _jsx(Button, { shape: "circle", icon: _jsx(CheckOutlined, {}), onClick: _handleSelect }) }), "select"), _jsx(Tooltip, Object.assign({ title: t('global.edit') }, { children: _jsx(EditRecordBtn, { shape: 'circle', record: item.whoAmI, valuesVersion: searchState.valuesVersions }) }), "edit"), canDeleteRecord ? (_jsx(Tooltip, Object.assign({ title: t('global.delete') }, { children: _jsx(DeactivateRecordBtn, { record: item.whoAmI }) }), "delete")) : (
+                                    // Keep this empty div for styling purpose
+                                    _jsx("div", {}))] }))) })] }) }, { children: _jsx(Card.Meta, { title: _jsx(Paragraph, Object.assign({ ellipsis: { rows: 1, tooltip: true }, style: { marginBottom: 0, fontSize: previewSize === PreviewSize.small ? '.8em' : '1em' } }, { children: item.whoAmI.label || item.whoAmI.id })) }) }))] }));
+}
+export default ItemTileDisplay;
+//# sourceMappingURL=ItemTileDisplay.js.map

package/dist/components/LibraryItemsList/TileDisplay/ItemTileDisplay/ItemTileDisplay.js.map

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

package/dist/components/LibraryItemsList/TileDisplay/ItemTileDisplay/index.d.ts

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

package/dist/components/LibraryItemsList/TileDisplay/ItemTileDisplay/index.js

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

package/dist/components/LibraryItemsList/TileDisplay/ItemTileDisplay/index.js.map

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

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

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

package/dist/components/LibraryItemsList/TileDisplay/TileDisplay.js

@@ -0,0 +1,50 @@
+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 { Spin } from 'antd';
+import styled from 'styled-components';
+import { themeVars } from '_ui/antdTheme';
+import useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';
+import { displayTypeToPreviewSize } from '../helpers/displayTypeToPreviewSize';
+import { SearchActionTypes } from '../hooks/useSearchReducer/searchReducer';
+import LibraryItemsListPagination from '../LibraryItemsListPagination';
+import getItemPreviewSize from './helpers/getItemPreviewSize';
+import ItemTileDisplay from './ItemTileDisplay';
+const LoadingWrapper = styled.div `
+    height: 30rem;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+`;
+const Wrapper = styled.div `
+    grid-area: data;
+    height: 100%;
+    overflow-y: scroll;
+    border-radius: 0.25rem 0.25rem 0 0;
+    border-bottom: none;
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(calc(${({ $size: size }) => size} + 1rem), 1fr));
+    align-content: flex-start;
+`;
+const Footer = styled.div `
+    grid-area: pagination;
+    display: flex;
+    justify-content: space-around;
+    border: 1px solid ${themeVars.borderLightColor};
+    padding: 0.5rem;
+`;
+function TileDisplay() {
+    const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
+    const itemPreviewSize = getItemPreviewSize(displayTypeToPreviewSize(searchState.display.size));
+    const _handleClick = () => {
+        searchDispatch({
+            type: SearchActionTypes.SET_SELECTION,
+            selected: []
+        });
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(Wrapper, Object.assign({ "$size": itemPreviewSize, onClick: _handleClick }, { children: searchState.loading ? (_jsx(LoadingWrapper, { children: _jsx(Spin, { size: "large" }) })) : (_jsx(_Fragment, { children: searchState.records.map(record => (_jsx(ItemTileDisplay, { item: record }, record.whoAmI.id))) })) })), _jsx(Footer, { children: _jsx(LibraryItemsListPagination, {}) })] }));
+}
+export default TileDisplay;
+//# sourceMappingURL=TileDisplay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TileDisplay.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/TileDisplay/TileDisplay.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,IAAI,EAAC,MAAM,MAAM,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AACxC,OAAO,gBAAgB,MAAM,wDAAwD,CAAC;AACtF,OAAO,EAAC,wBAAwB,EAAC,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAC,iBAAiB,EAAC,MAAM,yCAAyC,CAAC;AAC1E,OAAO,0BAA0B,MAAM,+BAA+B,CAAC;AACvE,OAAO,kBAAkB,MAAM,8BAA8B,CAAC;AAC9D,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMhC,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAiB;;;;;;;0DAOe,CAAC,EAAC,KAAK,EAAE,IAAI,EAAC,EAAE,EAAE,CAAC,IAAI;;CAEhF,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;wBAID,SAAS,CAAC,gBAAgB;;CAEjD,CAAC;AAEF,SAAS,WAAW;IAChB,MAAM,EAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAC,GAAG,gBAAgB,EAAE,CAAC;IAC1E,MAAM,eAAe,GAAG,kBAAkB,CAAC,wBAAwB,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IAE/F,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,cAAc,CAAC;YACX,IAAI,EAAE,iBAAiB,CAAC,aAAa;YACrC,QAAQ,EAAE,EAAE;SACf,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,OAAO,CACH,8BACI,KAAC,OAAO,2BAAQ,eAAe,EAAE,OAAO,EAAE,YAAY,gBACjD,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CACnB,KAAC,cAAc,cACX,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACR,CACpB,CAAC,CAAC,CAAC,CACA,4BACK,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC/B,KAAC,eAAe,IAAwB,IAAI,EAAE,MAAM,IAA9B,MAAM,CAAC,MAAM,CAAC,EAAE,CAAkB,CAC3D,CAAC,GACH,CACN,IACK,EAEV,KAAC,MAAM,cACH,KAAC,0BAA0B,KAAG,GACzB,IACV,CACN,CAAC;AACN,CAAC;AAED,eAAe,WAAW,CAAC"}

package/dist/components/LibraryItemsList/TileDisplay/helpers/getItemPreviewSize.d.ts

@@ -0,0 +1,3 @@
+import { PreviewSize } from '_ui/constants';
+declare const _default: (size: PreviewSize) => string;
+export default _default;

package/dist/components/LibraryItemsList/TileDisplay/helpers/getItemPreviewSize.js

@@ -0,0 +1,11 @@
+// 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 { PreviewSize } from '_ui/constants';
+const itemPreviewSize = {
+    [PreviewSize.small]: '100px',
+    [PreviewSize.medium]: '200px',
+    [PreviewSize.big]: '300px'
+};
+export default (size) => itemPreviewSize[size];
+//# sourceMappingURL=getItemPreviewSize.js.map

package/dist/components/LibraryItemsList/TileDisplay/helpers/getItemPreviewSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getItemPreviewSize.js","sourceRoot":"","sources":["../../../../../src/components/LibraryItemsList/TileDisplay/helpers/getItemPreviewSize.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AAEtE,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAE1C,MAAM,eAAe,GAAG;IACpB,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,OAAO;IAC5B,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,OAAO;IAC7B,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,OAAO;CAC7B,CAAC;AAEF,eAAe,CAAC,IAAiB,EAAU,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC"}

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

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

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

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

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

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

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

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

package/dist/components/LibraryItemsList/VersionsPanel/VersionsPanel.js

@@ -0,0 +1,66 @@
+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 { faAngleLeft } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { Button } from 'antd';
+import styled from 'styled-components';
+import { themeVars } from '_ui/antdTheme';
+import useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';
+import { SearchActionTypes } from '_ui/components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
+import ValuesVersionConfigurator from '_ui/components/ValuesVersionConfigurator';
+import { useSharedTranslation } from '_ui/hooks/useSharedTranslation';
+const Wrapper = styled.div `
+    width: 100%;
+    display: flex;
+    flex-flow: column nowrap;
+    border-right: ${themeVars.borderLightColor} 1px solid;
+    overflow-y: auto;
+`;
+const Header = styled.div `
+    width: 100%;
+    background-color: ${themeVars.headerBg};
+    display: grid;
+    grid-template-columns: repeat(2, auto);
+    justify-content: space-between;
+    padding: 0.3rem 0.3rem 0.3rem 1rem;
+    font-weight: 700;
+    border-bottom: 1px solid ${themeVars.borderLightColor};
+
+    & > * {
+        :first-of-type {
+            display: grid;
+            column-gap: 8px;
+            grid-template-columns: repeat(3, auto);
+            align-items: center;
+            justify-items: center;
+        }
+
+        :last-of-type {
+            display: grid;
+            align-items: center;
+            justify-content: flex-end;
+            column-gap: 8px;
+            grid-template-columns: repeat(2, auto);
+        }
+    }
+`;
+function VersionsPanel() {
+    const { t } = useSharedTranslation();
+    const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
+    const _handleHidePanel = () => {
+        searchDispatch({
+            type: SearchActionTypes.TOGGLE_SIDEBAR
+        });
+    };
+    const _handleVersionChange = (version) => {
+        searchDispatch({
+            type: SearchActionTypes.SET_VALUES_VERSIONS,
+            valuesVersions: version
+        });
+    };
+    return (_jsxs(Wrapper, { children: [_jsxs(Header, { children: [_jsx("span", { children: t('values_version.title') }), _jsx(Button, { onClick: _handleHidePanel, icon: _jsx(FontAwesomeIcon, { icon: faAngleLeft }) })] }), _jsx(ValuesVersionConfigurator, { libraryId: searchState.library.id, selectedVersion: searchState.valuesVersions, onVersionChange: _handleVersionChange })] }));
+}
+export default VersionsPanel;
+//# sourceMappingURL=VersionsPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VersionsPanel.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/VersionsPanel/VersionsPanel.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,WAAW,EAAC,MAAM,mCAAmC,CAAC;AAC9D,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,MAAM,EAAC,MAAM,MAAM,CAAC;AAC5B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AACxC,OAAO,gBAAgB,MAAM,wDAAwD,CAAC;AACtF,OAAO,EAAC,iBAAiB,EAAC,MAAM,sEAAsE,CAAC;AACvG,OAAO,yBAAyB,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAGpE,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;oBAIN,SAAS,CAAC,gBAAgB;;CAE7C,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;wBAED,SAAS,CAAC,QAAQ;;;;;;+BAMX,SAAS,CAAC,gBAAgB;;;;;;;;;;;;;;;;;;;CAmBxD,CAAC;AAEF,SAAS,aAAa;IAClB,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,EAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAC,GAAG,gBAAgB,EAAE,CAAC;IAE1E,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,cAAc,CAAC;YACX,IAAI,EAAE,iBAAiB,CAAC,cAAc;SACzC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,OAAsB,EAAE,EAAE;QACpD,cAAc,CAAC;YACX,IAAI,EAAE,iBAAiB,CAAC,mBAAmB;YAC3C,cAAc,EAAE,OAAO;SAC1B,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,OAAO,eACJ,MAAC,MAAM,eACH,yBAAO,CAAC,CAAC,sBAAsB,CAAC,GAAQ,EACxC,KAAC,MAAM,IAAC,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,WAAW,GAAI,GAAW,IACrF,EACT,KAAC,yBAAyB,IACtB,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,EAAE,EACjC,eAAe,EAAE,WAAW,CAAC,cAAc,EAC3C,eAAe,EAAE,oBAAoB,GACvC,IACI,CACb,CAAC;AACN,CAAC;AAED,eAAe,aAAa,CAAC"}

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

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

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

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

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

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

package/dist/components/LibraryItemsList/ViewPanel/EditView/EditView.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IView } from '_ui/types/views';
+interface IEditViewProps {
+    view: IView;
+    libraryId: string;
+    onClose: () => void;
+    visible: boolean;
+}
+declare function EditView({ visible, onClose, view, libraryId }: IEditViewProps): JSX.Element;
+export default EditView;

package/dist/components/LibraryItemsList/ViewPanel/EditView/EditView.js

@@ -0,0 +1,80 @@
+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 { Checkbox, Divider, Form, Input, Modal, Select } from 'antd';
+import { useState } from 'react';
+import useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';
+import { SearchActionTypes } from '_ui/components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
+import useLang from '_ui/hooks/useLang';
+import { useSharedTranslation } from '_ui/hooks/useSharedTranslation';
+import { useAddViewMutation, ViewTypes } from '_ui/_gqlTypes';
+import { getRequestFromFilters } from '_ui/_utils/getRequestFromFilter';
+import { PREFIX_SHARED_VIEWS_ORDER_KEY, PREFIX_USER_VIEWS_ORDER_KEY } from '../../../../constants';
+import useUpdateViewsOrderMutation from '../../hooks/useUpdateViewsOrderMutation';
+function EditView({ visible, onClose, view, libraryId }) {
+    const { t } = useSharedTranslation();
+    const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
+    const { availableLangs, defaultLang } = useLang();
+    const [form] = Form.useForm();
+    const [confirmLoading, setConfirmLoading] = useState(false);
+    const [addView] = useAddViewMutation();
+    const { updateViewsOrder } = useUpdateViewsOrderMutation(libraryId);
+    const _handleOk = async () => {
+        form.submit();
+    };
+    const _handleCancel = () => {
+        form.resetFields();
+        onClose();
+    };
+    const _handleSubmit = async (values) => {
+        setConfirmLoading(true);
+        const upView = {
+            id: view.id,
+            library: libraryId,
+            display: { type: values.type, size: view.display.size },
+            shared: values.shared,
+            label: values.label,
+            description: !Object.values(values.description).every(x => x === '') ? values.description : null,
+            settings: view.settings,
+            filters: getRequestFromFilters(view.filters),
+            sort: view.sort
+        };
+        try {
+            // save view in backend
+            await addView({ variables: { view: upView } });
+        }
+        catch (e) {
+            console.error(e);
+        }
+        if (view.shared !== values.shared) {
+            const userViewsOrder = !values.shared
+                ? [...searchState.userViewsOrder, view.id]
+                : searchState.userViewsOrder.filter(id => id !== view.id);
+            await updateViewsOrder({
+                key: PREFIX_USER_VIEWS_ORDER_KEY + searchState.library.id,
+                value: userViewsOrder,
+                global: false
+            });
+            const sharedViewsOrder = !values.shared
+                ? searchState.sharedViewsOrder.filter(id => id !== view.id)
+                : [...searchState.sharedViewsOrder, view.id];
+            await updateViewsOrder({
+                key: PREFIX_SHARED_VIEWS_ORDER_KEY + searchState.library.id,
+                value: sharedViewsOrder,
+                global: false
+            });
+        }
+        if (view.id === searchState.view.current.id) {
+            searchDispatch({
+                type: SearchActionTypes.CHANGE_VIEW,
+                view: Object.assign(Object.assign({}, searchState.view.current), { label: values.label, description: !Object.values(values.description).every(x => x === '') ? values.description : null, display: { type: values.type, size: view.display.size }, shared: values.shared })
+            });
+        }
+        setConfirmLoading(false);
+        onClose();
+    };
+    return (_jsx(Modal, Object.assign({ forceRender: true, title: t('view.edit-view.title'), open: visible, onCancel: _handleCancel, onOk: _handleOk, confirmLoading: confirmLoading }, { children: _jsxs(Form, Object.assign({ labelCol: { span: 8 }, wrapperCol: { span: 16 }, form: form, onFinish: _handleSubmit }, { children: [availableLangs.map(availableLang => (_jsxs("div", { children: [_jsx("h2", { children: t(`language.${availableLang}`) }), _jsx(Form.Item, Object.assign({ label: t('view.edit-view.label'), name: ['label', availableLang], initialValue: view.label[availableLang], rules: defaultLang === availableLang ? [{ required: true }] : [], "data-testid": `viewName-input-${availableLang}` }, { children: _jsx(Input, {}) })), _jsx(Form.Item, Object.assign({ label: t('view.edit-view.description'), initialValue: !!view.description ? view.description[availableLang] || '' : '', name: ['description', availableLang], "data-testid": `description-input-${availableLang}` }, { children: _jsx(Input, {}) })), _jsx(Divider, {})] }, availableLang))), _jsx(Form.Item, Object.assign({ label: t('view.edit-view.type'), name: "type", "data-testid": "input-type", initialValue: view.display.type }, { children: _jsxs(Select, { children: [_jsx(Select.Option, Object.assign({ value: ViewTypes.list }, { children: t('view.type-list') })), _jsx(Select.Option, Object.assign({ value: ViewTypes.cards }, { children: t('view.type-cards') }))] }) })), _jsx(Form.Item, Object.assign({ name: "shared", initialValue: view.shared, valuePropName: "checked", "data-testid": "input-shared", wrapperCol: { offset: 8, span: 16 } }, { children: _jsx(Checkbox, { children: t('view.edit-view.shared') }) }))] })) })));
+}
+export default EditView;
+//# sourceMappingURL=EditView.js.map

package/dist/components/LibraryItemsList/ViewPanel/EditView/EditView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditView.js","sourceRoot":"","sources":["../../../../../src/components/LibraryItemsList/ViewPanel/EditView/EditView.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAC,MAAM,MAAM,CAAC;AACnE,OAAO,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/B,OAAO,gBAAgB,MAAM,wDAAwD,CAAC;AACtF,OAAO,EAAC,iBAAiB,EAAC,MAAM,sEAAsE,CAAC;AACvG,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAGpE,OAAO,EAAC,kBAAkB,EAAa,SAAS,EAAC,MAAM,eAAe,CAAC;AACvE,OAAO,EAAC,qBAAqB,EAAC,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAC,6BAA6B,EAAE,2BAA2B,EAAC,MAAM,uBAAuB,CAAC;AACjG,OAAO,2BAA2B,MAAM,yCAAyC,CAAC;AAgBlF,SAAS,QAAQ,CAAC,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAiB;IACjE,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,EAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAC,GAAG,gBAAgB,EAAE,CAAC;IAE1E,MAAM,EAAC,cAAc,EAAE,WAAW,EAAC,GAAG,OAAO,EAAE,CAAC;IAChD,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;IAC9B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAErE,MAAM,CAAC,OAAO,CAAC,GAAG,kBAAkB,EAAE,CAAC;IACvC,MAAM,EAAC,gBAAgB,EAAC,GAAG,2BAA2B,CAAC,SAAS,CAAC,CAAC;IAElE,MAAM,SAAS,GAAG,KAAK,IAAI,EAAE;QACzB,IAAI,CAAC,MAAM,EAAE,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,EAAE,MAAmB,EAAE,EAAE;QAChD,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAExB,MAAM,MAAM,GAAc;YACtB,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,EAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAC;YACrD,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,WAAW,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI;YAChG,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,OAAO,EAAE,qBAAqB,CAAC,IAAI,CAAC,OAAO,CAAC;YAC5C,IAAI,EAAE,IAAI,CAAC,IAAI;SAClB,CAAC;QAEF,IAAI;YACA,uBAAuB;YACvB,MAAM,OAAO,CAAC,EAAC,SAAS,EAAE,EAAC,IAAI,EAAE,MAAM,EAAC,EAAC,CAAC,CAAC;SAC9C;QAAC,OAAO,CAAC,EAAE;YACR,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SACpB;QAED,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE;YAC/B,MAAM,cAAc,GAAG,CAAC,MAAM,CAAC,MAAM;gBACjC,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,cAAc,EAAE,IAAI,CAAC,EAAE,CAAC;gBAC1C,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;YAE9D,MAAM,gBAAgB,CAAC;gBACnB,GAAG,EAAE,2BAA2B,GAAG,WAAW,CAAC,OAAO,CAAC,EAAE;gBACzD,KAAK,EAAE,cAAc;gBACrB,MAAM,EAAE,KAAK;aAChB,CAAC,CAAC;YAEH,MAAM,gBAAgB,GAAG,CAAC,MAAM,CAAC,MAAM;gBACnC,CAAC,CAAC,WAAW,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC;gBAC3D,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,gBAAgB,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;YAEjD,MAAM,gBAAgB,CAAC;gBACnB,GAAG,EAAE,6BAA6B,GAAG,WAAW,CAAC,OAAO,CAAC,EAAE;gBAC3D,KAAK,EAAE,gBAAgB;gBACvB,MAAM,EAAE,KAAK;aAChB,CAAC,CAAC;SACN;QAED,IAAI,IAAI,CAAC,EAAE,KAAK,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE;YACzC,cAAc,CAAC;gBACX,IAAI,EAAE,iBAAiB,CAAC,WAAW;gBACnC,IAAI,kCACG,WAAW,CAAC,IAAI,CAAC,OAAO,KAC3B,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,WAAW,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,EAChG,OAAO,EAAE,EAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAC,EACrD,MAAM,EAAE,MAAM,CAAC,MAAM,GACxB;aACJ,CAAC,CAAC;SACN;QAED,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACzB,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,KAAK,kBACF,WAAW,QACX,KAAK,EAAE,CAAC,CAAC,sBAAsB,CAAC,EAChC,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,aAAa,EACvB,IAAI,EAAE,SAAS,EACf,cAAc,EAAE,cAAc,gBAE9B,MAAC,IAAI,kBAAC,QAAQ,EAAE,EAAC,IAAI,EAAE,CAAC,EAAC,EAAE,UAAU,EAAE,EAAC,IAAI,EAAE,EAAE,EAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,aAAa,iBACjF,cAAc,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC,CACjC,0BACI,uBAAK,CAAC,CAAC,YAAY,aAAa,EAAE,CAAC,GAAM,EAEzC,KAAC,IAAI,CAAC,IAAI,kBACN,KAAK,EAAE,CAAC,CAAC,sBAAsB,CAAC,EAChC,IAAI,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,EAC9B,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EACvC,KAAK,EAAE,WAAW,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC,CAAC,EAAE,iBACjD,kBAAkB,aAAa,EAAE,gBAE9C,KAAC,KAAK,KAAG,IACD,EAEZ,KAAC,IAAI,CAAC,IAAI,kBACN,KAAK,EAAE,CAAC,CAAC,4BAA4B,CAAC,EACtC,YAAY,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,EAC7E,IAAI,EAAE,CAAC,aAAa,EAAE,aAAa,CAAC,iBACvB,qBAAqB,aAAa,EAAE,gBAEjD,KAAC,KAAK,KAAG,IACD,EAEZ,KAAC,OAAO,KAAG,KAtBL,aAAa,CAuBjB,CACT,CAAC,EAEF,KAAC,IAAI,CAAC,IAAI,kBACN,KAAK,EAAE,CAAC,CAAC,qBAAqB,CAAC,EAC/B,IAAI,EAAC,MAAM,iBACC,YAAY,EACxB,YAAY,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,gBAE/B,MAAC,MAAM,eACH,KAAC,MAAM,CAAC,MAAM,kBAAC,KAAK,EAAE,SAAS,CAAC,IAAI,gBAAG,CAAC,CAAC,gBAAgB,CAAC,IAAiB,EAC3E,KAAC,MAAM,CAAC,MAAM,kBAAC,KAAK,EAAE,SAAS,CAAC,KAAK,gBAAG,CAAC,CAAC,iBAAiB,CAAC,IAAiB,IACxE,IACD,EAEZ,KAAC,IAAI,CAAC,IAAI,kBACN,IAAI,EAAC,QAAQ,EACb,YAAY,EAAE,IAAI,CAAC,MAAM,EACzB,aAAa,EAAC,SAAS,iBACX,cAAc,EAC1B,UAAU,EAAE,EAAC,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAC,gBAEjC,KAAC,QAAQ,cAAE,CAAC,CAAC,uBAAuB,CAAC,GAAY,IACzC,KACT,IACH,CACX,CAAC;AACN,CAAC;AAED,eAAe,QAAQ,CAAC"}

package/dist/components/LibraryItemsList/ViewPanel/EditView/index.d.ts

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

package/dist/components/LibraryItemsList/ViewPanel/EditView/index.js

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

package/dist/components/LibraryItemsList/ViewPanel/EditView/index.js.map

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

package/dist/components/LibraryItemsList/ViewPanel/View/View.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { DraggableProvidedDragHandleProps } from 'react-beautiful-dnd';
+import { IView } from '_ui/types/views';
+interface IViewProps {
+    view: IView;
+    onEdit: (viewId: string) => void;
+    handleProps?: DraggableProvidedDragHandleProps;
+}
+declare function View({ view, onEdit, handleProps }: IViewProps): JSX.Element;
+export default View;