@leav/ui 1.9.0 → 1.10.0

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

@@ -1,50 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
-// 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 '../../../antdTheme';
-import useSearchReducer from '../../../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, { "$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

@@ -1 +0,0 @@
-{"version":3,"file":"TileDisplay.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/TileDisplay/TileDisplay.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,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,aAAQ,eAAe,EAAE,OAAO,EAAE,YAAY,YACjD,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,GACK,EAEV,KAAC,MAAM,cACH,KAAC,0BAA0B,KAAG,GACzB,IACV,CACN,CAAC;AACN,CAAC;AAED,eAAe,WAAW,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {Spin} from 'antd';\nimport styled from 'styled-components';\nimport {themeVars} from '_ui/antdTheme';\nimport useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';\nimport {displayTypeToPreviewSize} from '../helpers/displayTypeToPreviewSize';\nimport {SearchActionTypes} from '../hooks/useSearchReducer/searchReducer';\nimport LibraryItemsListPagination from '../LibraryItemsListPagination';\nimport getItemPreviewSize from './helpers/getItemPreviewSize';\nimport ItemTileDisplay from './ItemTileDisplay';\n\nconst LoadingWrapper = styled.div`\n    height: 30rem;\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n`;\n\nconst Wrapper = styled.div<{$size: string}>`\n    grid-area: data;\n    height: 100%;\n    overflow-y: scroll;\n    border-radius: 0.25rem 0.25rem 0 0;\n    border-bottom: none;\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(calc(${({$size: size}) => size} + 1rem), 1fr));\n    align-content: flex-start;\n`;\n\nconst Footer = styled.div`\n    grid-area: pagination;\n    display: flex;\n    justify-content: space-around;\n    border: 1px solid ${themeVars.borderLightColor};\n    padding: 0.5rem;\n`;\n\nfunction TileDisplay(): JSX.Element {\n    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();\n    const itemPreviewSize = getItemPreviewSize(displayTypeToPreviewSize(searchState.display.size));\n\n    const _handleClick = () => {\n        searchDispatch({\n            type: SearchActionTypes.SET_SELECTION,\n            selected: [],\n        });\n    };\n\n    return (\n        <>\n            <Wrapper $size={itemPreviewSize} onClick={_handleClick}>\n                {searchState.loading ? (\n                    <LoadingWrapper>\n                        <Spin size=\"large\" />\n                    </LoadingWrapper>\n                ) : (\n                    <>\n                        {searchState.records.map(record => (\n                            <ItemTileDisplay key={record.whoAmI.id} item={record} />\n                        ))}\n                    </>\n                )}\n            </Wrapper>\n\n            <Footer>\n                <LibraryItemsListPagination />\n            </Footer>\n        </>\n    );\n}\n\nexport default TileDisplay;\n"]}

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

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

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

@@ -1,11 +0,0 @@
-// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { PreviewSize } from '../../../../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

@@ -1 +0,0 @@
-{"version":3,"file":"getItemPreviewSize.js","sourceRoot":"","sources":["../../../../../src/components/LibraryItemsList/TileDisplay/helpers/getItemPreviewSize.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\n\nimport {PreviewSize} from '_ui/constants';\n\nconst itemPreviewSize = {\n    [PreviewSize.SMALL]: '100px',\n    [PreviewSize.MEDIUM]: '200px',\n    [PreviewSize.BIG]: '300px',\n};\n\nexport default (size: PreviewSize): string => itemPreviewSize[size];\n"]}

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

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

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

@@ -1,6 +0,0 @@
-// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
-// 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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/TileDisplay/index.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,eAAe,WAAW,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport TileDisplay from './TileDisplay';\n\nexport default TileDisplay;\n"]}

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

@@ -1,2 +0,0 @@
-declare function VersionsPanel(): JSX.Element;
-export default VersionsPanel;

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

@@ -1,66 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
-// 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 '../../../antdTheme';
-import useSearchReducer from '../../../components/LibraryItemsList/hooks/useSearchReducer';
-import { SearchActionTypes } from '../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
-import ValuesVersionConfigurator from '../../../components/ValuesVersionConfigurator';
-import { useSharedTranslation } from '../../../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

@@ -1 +0,0 @@
-{"version":3,"file":"VersionsPanel.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/VersionsPanel/VersionsPanel.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {faAngleLeft} from '@fortawesome/free-solid-svg-icons';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {Button} from 'antd';\nimport styled from 'styled-components';\nimport {themeVars} from '_ui/antdTheme';\nimport useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';\nimport {SearchActionTypes} from '_ui/components/LibraryItemsList/hooks/useSearchReducer/searchReducer';\nimport ValuesVersionConfigurator from '_ui/components/ValuesVersionConfigurator';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type IValueVersion} from '_ui/types/values';\n\nconst Wrapper = styled.div`\n    width: 100%;\n    display: flex;\n    flex-flow: column nowrap;\n    border-right: ${themeVars.borderLightColor} 1px solid;\n    overflow-y: auto;\n`;\n\nconst Header = styled.div`\n    width: 100%;\n    background-color: ${themeVars.headerBg};\n    display: grid;\n    grid-template-columns: repeat(2, auto);\n    justify-content: space-between;\n    padding: 0.3rem 0.3rem 0.3rem 1rem;\n    font-weight: 700;\n    border-bottom: 1px solid ${themeVars.borderLightColor};\n\n    & > * {\n        :first-of-type {\n            display: grid;\n            column-gap: 8px;\n            grid-template-columns: repeat(3, auto);\n            align-items: center;\n            justify-items: center;\n        }\n\n        :last-of-type {\n            display: grid;\n            align-items: center;\n            justify-content: flex-end;\n            column-gap: 8px;\n            grid-template-columns: repeat(2, auto);\n        }\n    }\n`;\n\nfunction VersionsPanel(): JSX.Element {\n    const {t} = useSharedTranslation();\n\n    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();\n\n    const _handleHidePanel = () => {\n        searchDispatch({\n            type: SearchActionTypes.TOGGLE_SIDEBAR,\n        });\n    };\n\n    const _handleVersionChange = (version: IValueVersion) => {\n        searchDispatch({\n            type: SearchActionTypes.SET_VALUES_VERSIONS,\n            valuesVersions: version,\n        });\n    };\n\n    return (\n        <Wrapper>\n            <Header>\n                <span>{t('values_version.title')}</span>\n                <Button onClick={_handleHidePanel} icon={<FontAwesomeIcon icon={faAngleLeft} />}></Button>\n            </Header>\n            <ValuesVersionConfigurator\n                libraryId={searchState.library.id}\n                selectedVersion={searchState.valuesVersions}\n                onVersionChange={_handleVersionChange}\n            />\n        </Wrapper>\n    );\n}\n\nexport default VersionsPanel;\n"]}

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

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

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

@@ -1,6 +0,0 @@
-// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
-// 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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/VersionsPanel/index.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,eAAe,aAAa,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport VersionsPanel from './VersionsPanel';\n\nexport default VersionsPanel;\n"]}

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

@@ -1,9 +0,0 @@
-import { type IView } from '../../../../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

@@ -1,85 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
-// 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 '../../../../components/LibraryItemsList/hooks/useSearchReducer';
-import { SearchActionTypes } from '../../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
-import useLang from '../../../../hooks/useLang';
-import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
-import { useSaveViewMutation, ViewTypes } from '../../../../_gqlTypes';
-import { getRequestFromFilters } from '../../../../_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] = useSaveViewMutation();
-    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,
-            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: {
-                    ...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, { forceRender: true, title: t('view.edit-view.title'), open: visible, onCancel: _handleCancel, onOk: _handleOk, confirmLoading: confirmLoading, children: _jsxs(Form, { 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, { 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, { 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, { label: t('view.edit-view.type'), name: "type", "data-testid": "input-type", initialValue: view.display.type, children: _jsxs(Select, { children: [_jsx(Select.Option, { value: ViewTypes.list, children: t('view.type-list') }), _jsx(Select.Option, { value: ViewTypes.cards, children: t('view.type-cards') })] }) }), _jsx(Form.Item, { 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

@@ -1 +0,0 @@
-{"version":3,"file":"EditView.js","sourceRoot":"","sources":["../../../../../src/components/LibraryItemsList/ViewPanel/EditView/EditView.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,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,mBAAmB,EAAkB,SAAS,EAAC,MAAM,eAAe,CAAC;AAC7E,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,mBAAmB,EAAE,CAAC;IACxC,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,OAAO,EAAE,qBAAqB,CAAC,IAAI,CAAC,OAAO,CAAC;YAC5C,IAAI,EAAE,IAAI,CAAC,IAAI;SAClB,CAAC;QAEF,IAAI,CAAC;YACD,uBAAuB;YACvB,MAAM,OAAO,CAAC,EAAC,SAAS,EAAE,EAAC,IAAI,EAAE,MAAM,EAAC,EAAC,CAAC,CAAC;QAC/C,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACT,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACrB,CAAC;QAED,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE,CAAC;YAChC,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;QACP,CAAC;QAED,IAAI,IAAI,CAAC,EAAE,KAAK,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC;YAC1C,cAAc,CAAC;gBACX,IAAI,EAAE,iBAAiB,CAAC,WAAW;gBACnC,IAAI,EAAE;oBACF,GAAG,WAAW,CAAC,IAAI,CAAC,OAAO;oBAC3B,KAAK,EAAE,MAAM,CAAC,KAAK;oBACnB,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;oBAChG,OAAO,EAAE,EAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAC;oBACrD,MAAM,EAAE,MAAM,CAAC,MAAM;iBACxB;aACJ,CAAC,CAAC;QACP,CAAC;QAED,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACzB,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,KAAK,IACF,WAAW,QACX,KAAK,EAAE,CAAC,CAAC,sBAAsB,CAAC,EAChC,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,aAAa,EACvB,IAAI,EAAE,SAAS,EACf,cAAc,EAAE,cAAc,YAE9B,MAAC,IAAI,IAAC,QAAQ,EAAE,EAAC,IAAI,EAAE,CAAC,EAAC,EAAE,UAAU,EAAE,EAAC,IAAI,EAAE,EAAE,EAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,aAAa,aACjF,cAAc,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC,CACjC,0BACI,uBAAK,CAAC,CAAC,YAAY,aAAa,EAAE,CAAC,GAAM,EAEzC,KAAC,IAAI,CAAC,IAAI,IACN,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,YAE9C,KAAC,KAAK,KAAG,GACD,EAEZ,KAAC,IAAI,CAAC,IAAI,IACN,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,YAEjD,KAAC,KAAK,KAAG,GACD,EAEZ,KAAC,OAAO,KAAG,KAtBL,aAAa,CAuBjB,CACT,CAAC,EAEF,KAAC,IAAI,CAAC,IAAI,IACN,KAAK,EAAE,CAAC,CAAC,qBAAqB,CAAC,EAC/B,IAAI,EAAC,MAAM,iBACC,YAAY,EACxB,YAAY,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,YAE/B,MAAC,MAAM,eACH,KAAC,MAAM,CAAC,MAAM,IAAC,KAAK,EAAE,SAAS,CAAC,IAAI,YAAG,CAAC,CAAC,gBAAgB,CAAC,GAAiB,EAC3E,KAAC,MAAM,CAAC,MAAM,IAAC,KAAK,EAAE,SAAS,CAAC,KAAK,YAAG,CAAC,CAAC,iBAAiB,CAAC,GAAiB,IACxE,GACD,EAEZ,KAAC,IAAI,CAAC,IAAI,IACN,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,YAEjC,KAAC,QAAQ,cAAE,CAAC,CAAC,uBAAuB,CAAC,GAAY,GACzC,IACT,GACH,CACX,CAAC;AACN,CAAC;AAED,eAAe,QAAQ,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {Checkbox, Divider, Form, Input, Modal, Select} from 'antd';\nimport {useState} from 'react';\nimport useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';\nimport {SearchActionTypes} from '_ui/components/LibraryItemsList/hooks/useSearchReducer/searchReducer';\nimport useLang from '_ui/hooks/useLang';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type SystemTranslation} from '_ui/types/scalars';\nimport {type IView} from '_ui/types/views';\nimport {useSaveViewMutation, type ViewInput, ViewTypes} from '_ui/_gqlTypes';\nimport {getRequestFromFilters} from '_ui/_utils/getRequestFromFilter';\nimport {PREFIX_SHARED_VIEWS_ORDER_KEY, PREFIX_USER_VIEWS_ORDER_KEY} from '../../../../constants';\nimport useUpdateViewsOrderMutation from '../../hooks/useUpdateViewsOrderMutation';\n\ninterface IFormValues {\n    label: SystemTranslation;\n    description: SystemTranslation | null;\n    type: ViewTypes;\n    shared: boolean;\n}\n\ninterface IEditViewProps {\n    view: IView;\n    libraryId: string;\n    onClose: () => void;\n    visible: boolean;\n}\n\nfunction EditView({visible, onClose, view, libraryId}: IEditViewProps): JSX.Element {\n    const {t} = useSharedTranslation();\n\n    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();\n\n    const {availableLangs, defaultLang} = useLang();\n    const [form] = Form.useForm();\n    const [confirmLoading, setConfirmLoading] = useState<boolean>(false);\n\n    const [addView] = useSaveViewMutation();\n    const {updateViewsOrder} = useUpdateViewsOrderMutation(libraryId);\n\n    const _handleOk = async () => {\n        form.submit();\n    };\n\n    const _handleCancel = () => {\n        form.resetFields();\n        onClose();\n    };\n\n    const _handleSubmit = async (values: IFormValues) => {\n        setConfirmLoading(true);\n\n        const upView: ViewInput = {\n            id: view.id,\n            library: libraryId,\n            display: {type: values.type, size: view.display.size},\n            shared: values.shared,\n            label: values.label,\n            description: !Object.values(values.description).every(x => x === '') ? values.description : null,\n            filters: getRequestFromFilters(view.filters),\n            sort: view.sort,\n        };\n\n        try {\n            // save view in backend\n            await addView({variables: {view: upView}});\n        } catch (e) {\n            console.error(e);\n        }\n\n        if (view.shared !== values.shared) {\n            const userViewsOrder = !values.shared\n                ? [...searchState.userViewsOrder, view.id]\n                : searchState.userViewsOrder.filter(id => id !== view.id);\n\n            await updateViewsOrder({\n                key: PREFIX_USER_VIEWS_ORDER_KEY + searchState.library.id,\n                value: userViewsOrder,\n                global: false,\n            });\n\n            const sharedViewsOrder = !values.shared\n                ? searchState.sharedViewsOrder.filter(id => id !== view.id)\n                : [...searchState.sharedViewsOrder, view.id];\n\n            await updateViewsOrder({\n                key: PREFIX_SHARED_VIEWS_ORDER_KEY + searchState.library.id,\n                value: sharedViewsOrder,\n                global: false,\n            });\n        }\n\n        if (view.id === searchState.view.current.id) {\n            searchDispatch({\n                type: SearchActionTypes.CHANGE_VIEW,\n                view: {\n                    ...searchState.view.current,\n                    label: values.label,\n                    description: !Object.values(values.description).every(x => x === '') ? values.description : null,\n                    display: {type: values.type, size: view.display.size},\n                    shared: values.shared,\n                },\n            });\n        }\n\n        setConfirmLoading(false);\n        onClose();\n    };\n\n    return (\n        <Modal\n            forceRender\n            title={t('view.edit-view.title')}\n            open={visible}\n            onCancel={_handleCancel}\n            onOk={_handleOk}\n            confirmLoading={confirmLoading}\n        >\n            <Form labelCol={{span: 8}} wrapperCol={{span: 16}} form={form} onFinish={_handleSubmit}>\n                {availableLangs.map(availableLang => (\n                    <div key={availableLang}>\n                        <h2>{t(`language.${availableLang}`)}</h2>\n\n                        <Form.Item\n                            label={t('view.edit-view.label')}\n                            name={['label', availableLang]}\n                            initialValue={view.label[availableLang]}\n                            rules={defaultLang === availableLang ? [{required: true}] : []}\n                            data-testid={`viewName-input-${availableLang}`}\n                        >\n                            <Input />\n                        </Form.Item>\n\n                        <Form.Item\n                            label={t('view.edit-view.description')}\n                            initialValue={!!view.description ? view.description[availableLang] || '' : ''}\n                            name={['description', availableLang]}\n                            data-testid={`description-input-${availableLang}`}\n                        >\n                            <Input />\n                        </Form.Item>\n\n                        <Divider />\n                    </div>\n                ))}\n\n                <Form.Item\n                    label={t('view.edit-view.type')}\n                    name=\"type\"\n                    data-testid=\"input-type\"\n                    initialValue={view.display.type}\n                >\n                    <Select>\n                        <Select.Option value={ViewTypes.list}>{t('view.type-list')}</Select.Option>\n                        <Select.Option value={ViewTypes.cards}>{t('view.type-cards')}</Select.Option>\n                    </Select>\n                </Form.Item>\n\n                <Form.Item\n                    name=\"shared\"\n                    initialValue={view.shared}\n                    valuePropName=\"checked\"\n                    data-testid=\"input-shared\"\n                    wrapperCol={{offset: 8, span: 16}}\n                >\n                    <Checkbox>{t('view.edit-view.shared')}</Checkbox>\n                </Form.Item>\n            </Form>\n        </Modal>\n    );\n}\n\nexport default EditView;\n"]}

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

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

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

@@ -1,6 +0,0 @@
-// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
-// 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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/LibraryItemsList/ViewPanel/EditView/index.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,eAAe,QAAQ,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport EditView from './EditView';\n\nexport default EditView;\n"]}

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

@@ -1,7 +0,0 @@
-import { type IView } from '../../../../types/views';
-interface IViewProps {
-    view: IView;
-    onEdit: (viewId: string) => void;
-}
-declare function View({ view, onEdit }: IViewProps): JSX.Element;
-export default View;

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

@@ -1,152 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { CopyOutlined, DeleteOutlined, EditOutlined } from '@ant-design/icons';
-import { localizedTranslation, objectToNameValueArray } from '@leav/utils';
-import { useSortable } from '@dnd-kit/sortable';
-import { CSS } from '@dnd-kit/utilities';
-import { Button, Tooltip, Typography } from 'antd';
-import omit from 'lodash/omit';
-import { useState } from 'react';
-import styled from 'styled-components';
-import { themeVars } from '../../../../antdTheme';
-import useSearchReducer from '../../../../components/LibraryItemsList/hooks/useSearchReducer';
-import { SearchActionTypes } from '../../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
-import IconViewType from '../../../../components/LibraryItemsList/IconViewType';
-import { PREFIX_SHARED_VIEWS_ORDER_KEY, PREFIX_USER_VIEWS_ORDER_KEY } from '../../../../constants';
-import { useLang } from '../../../../hooks';
-import useExecuteSaveViewMutation from '../../../../hooks/useExecuteSaveViewMutation/useExecuteSaveViewMutation';
-import useExecuteDeleteViewMutation from '../../../../hooks/useExecuteDeleteViewMutation/useExecuteDeleteViewMutation';
-import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
-import { ViewSizes, ViewTypes } from '../../../../_gqlTypes';
-import { getRequestFromFilters } from '../../../../_utils/getRequestFromFilter';
-import { defaultView } from '../../constants';
-import useUpdateViewsOrderMutation from '../../hooks/useUpdateViewsOrderMutation';
-import { faUserTag } from '@fortawesome/free-solid-svg-icons';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-const Infos = styled.div `
-    width: 100%;
-`;
-const Wrapper = styled.div `
-    background: ${({ selected }) => (selected ? `${themeVars.activeColor} ` : 'none')};
-    padding: 0.5rem;
-    display: flex;
-    align-items: center;
-`;
-const Handle = styled.div `
-    content: '....';
-    width: 20px;
-    height: 30px;
-    display: inline-block;
-    line-height: 5px;
-    padding: 3px 4px;
-    vertical-align: middle;
-    font-size: 12px;
-    font-family: sans-serif;
-    letter-spacing: 2px;
-    color: ${themeVars.borderLightColor};
-    text-shadow: 1px 0 1px black;
-
-    &::after {
-        content: '.. .. .. ..';
-    }
-`;
-const Title = styled.div `
-    display: flex;
-    align-items: center;
-    margin-left: 10px;
-`;
-const Description = styled.div `
-    opacity: 0.8;
-    margin-left: 10px;
-    overflow: hidden;
-`;
-function View({ view, onEdit }) {
-    const { t } = useSharedTranslation();
-    const { lang, defaultLang } = useLang();
-    const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
-    const [description, setDescription] = useState({ expand: false, key: 0 });
-    const { saveView } = useExecuteSaveViewMutation();
-    const { deleteView } = useExecuteDeleteViewMutation();
-    const { updateViewsOrder } = useUpdateViewsOrderMutation(searchState.library.id);
-    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: view.id });
-    const style = { transform: CSS.Transform.toString(transform), transition };
-    const _changeView = () => {
-        searchDispatch({ type: SearchActionTypes.CHANGE_VIEW, view });
-    };
-    const ROWS_DESCRIPTION = 3;
-    const _handleDelete = async (event) => {
-        // stop progation to avoid click on view
-        event.stopPropagation();
-        await deleteView(view.id);
-        const newOrder = (view.shared ? searchState.sharedViewsOrder : searchState.userViewsOrder).filter(vId => vId !== view.id);
-        await updateViewsOrder({
-            key: (view.shared ? PREFIX_SHARED_VIEWS_ORDER_KEY : PREFIX_USER_VIEWS_ORDER_KEY) + searchState.library.id,
-            value: newOrder,
-            global: false,
-        });
-        if (view.id === searchState.view.current.id) {
-            searchDispatch({ type: SearchActionTypes.CHANGE_VIEW, view: defaultView });
-        }
-    };
-    const _handleDuplicate = async (event) => {
-        // stop progation to avoid click on view
-        event.stopPropagation();
-        try {
-            const newView = {
-                ...omit(view, ['id', 'owner']),
-                library: searchState.library.id,
-                label: {
-                    [defaultLang]: `${localizedTranslation(view.label, lang)} (${t('global.copy')})`,
-                },
-                filters: getRequestFromFilters(view.filters),
-                display: {
-                    size: ViewSizes.MEDIUM,
-                    type: ViewTypes.list,
-                },
-                valuesVersions: objectToNameValueArray(view.valuesVersions).map(version => ({
-                    treeId: version.name,
-                    treeNode: version.value.id,
-                })),
-                shared: false,
-            };
-            const newViewRes = await saveView({
-                view: newView,
-            });
-            await updateViewsOrder({
-                key: PREFIX_USER_VIEWS_ORDER_KEY + newView.library,
-                value: [...searchState.userViewsOrder, newViewRes.data.saveView.id],
-                global: false,
-            });
-        }
-        catch (e) {
-            console.error(e);
-        }
-    };
-    const _handleEdit = (event) => {
-        // stop progation to avoid click on view
-        event.stopPropagation();
-        onEdit(view.id);
-    };
-    const _onExpand = () => {
-        setDescription({ expand: true, key: description.key });
-    };
-    const _onClose = () => {
-        setDescription({ expand: false, key: description.key + 1 });
-    };
-    const selected = view.id === searchState.view.current?.id;
-    const [isActionsShown, setIsActionsShown] = useState(false);
-    const viewLabel = localizedTranslation(view.label, lang);
-    return (_jsxs(Wrapper, { ref: setNodeRef, style: style, ...attributes, selected: selected, onClick: _changeView, color: view.color, onMouseEnter: () => setIsActionsShown(true), onMouseLeave: () => setIsActionsShown(false), children: [_jsx(Handle, { className: "view-handle", ...listeners }), _jsxs(Infos, { children: [_jsxs(Title, { "data-testid": "view-title", children: [_jsx(IconViewType, { type: view.display.type }), _jsx(Typography.Text, { ellipsis: { tooltip: true }, style: { padding: '0 .5em', width: 'calc(100% - 1em)' }, children: viewLabel })] }), view.description && (_jsxs(Description, { children: [_jsx(Typography.Paragraph, { ellipsis: {
-                                    rows: ROWS_DESCRIPTION,
-                                    expandable: true,
-                                    onExpand: _onExpand,
-                                    symbol: t('view.see-more'),
-                                }, style: { marginBottom: 0 }, children: localizedTranslation(view.description, lang) }, description.key), description.expand && (_jsx("a", { href: "!#", onClick: ev => {
-                                    ev.preventDefault();
-                                    _onClose();
-                                }, children: t('global.close') }))] }))] }), !view.owner && !isActionsShown && _jsx(FontAwesomeIcon, { icon: faUserTag }), isActionsShown && (_jsxs(_Fragment, { children: [_jsx(Tooltip, { title: t('global.edit'), children: _jsx(Button, { onClick: _handleEdit, disabled: !view.owner, type: "text", size: "small", shape: "circle", icon: _jsx(EditOutlined, {}) }, "edit") }), _jsx(Tooltip, { title: t('global.duplicate'), children: _jsx(Button, { onClick: _handleDuplicate, type: "text", size: "small", shape: "circle", icon: _jsx(CopyOutlined, {}) }, "duplicate") }), _jsx(Tooltip, { title: t('global.delete'), children: _jsx(Button, { onClick: _handleDelete, disabled: !view.owner, type: "text", size: "small", shape: "circle", icon: _jsx(DeleteOutlined, {}) }, "delete") })] }))] }, view.id));
-}
-export default View;
-//# sourceMappingURL=View.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../../src/components/LibraryItemsList/ViewPanel/View/View.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {CopyOutlined, DeleteOutlined, EditOutlined} from '@ant-design/icons';\nimport {localizedTranslation, objectToNameValueArray} from '@leav/utils';\nimport {useSortable} from '@dnd-kit/sortable';\nimport {CSS} from '@dnd-kit/utilities';\nimport {Button, Tooltip, Typography} from 'antd';\nimport omit from 'lodash/omit';\nimport {useState} from 'react';\nimport styled from 'styled-components';\nimport {themeVars} from '_ui/antdTheme';\nimport useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';\nimport {SearchActionTypes} from '_ui/components/LibraryItemsList/hooks/useSearchReducer/searchReducer';\nimport IconViewType from '_ui/components/LibraryItemsList/IconViewType';\nimport {PREFIX_SHARED_VIEWS_ORDER_KEY, PREFIX_USER_VIEWS_ORDER_KEY} from '_ui/constants';\nimport {useLang} from '_ui/hooks';\nimport useExecuteSaveViewMutation from '_ui/hooks/useExecuteSaveViewMutation/useExecuteSaveViewMutation';\nimport useExecuteDeleteViewMutation from '_ui/hooks/useExecuteDeleteViewMutation/useExecuteDeleteViewMutation';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type IView} from '_ui/types/views';\nimport {type ViewInput, ViewSizes, ViewTypes} from '_ui/_gqlTypes';\nimport {getRequestFromFilters} from '_ui/_utils/getRequestFromFilter';\nimport {defaultView} from '../../constants';\nimport useUpdateViewsOrderMutation from '../../hooks/useUpdateViewsOrderMutation';\nimport {faUserTag} from '@fortawesome/free-solid-svg-icons';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\n\ninterface IWrapperProps {\n    selected: boolean;\n}\n\nconst Infos = styled.div`\n    width: 100%;\n`;\n\nconst Wrapper = styled.div<IWrapperProps>`\n    background: ${({selected}) => (selected ? `${themeVars.activeColor} ` : 'none')};\n    padding: 0.5rem;\n    display: flex;\n    align-items: center;\n`;\n\nconst Handle = styled.div`\n    content: '....';\n    width: 20px;\n    height: 30px;\n    display: inline-block;\n    line-height: 5px;\n    padding: 3px 4px;\n    vertical-align: middle;\n    font-size: 12px;\n    font-family: sans-serif;\n    letter-spacing: 2px;\n    color: ${themeVars.borderLightColor};\n    text-shadow: 1px 0 1px black;\n\n    &::after {\n        content: '.. .. .. ..';\n    }\n`;\n\nconst Title = styled.div`\n    display: flex;\n    align-items: center;\n    margin-left: 10px;\n`;\n\nconst Description = styled.div`\n    opacity: 0.8;\n    margin-left: 10px;\n    overflow: hidden;\n`;\n\ninterface IViewProps {\n    view: IView;\n    onEdit: (viewId: string) => void;\n}\n\nfunction View({view, onEdit}: IViewProps): JSX.Element {\n    const {t} = useSharedTranslation();\n    const {lang, defaultLang} = useLang();\n\n    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();\n    const [description, setDescription] = useState<{expand: boolean; key: number}>({expand: false, key: 0});\n\n    const {saveView} = useExecuteSaveViewMutation();\n\n    const {deleteView} = useExecuteDeleteViewMutation();\n    const {updateViewsOrder} = useUpdateViewsOrderMutation(searchState.library.id);\n\n    const {attributes, listeners, setNodeRef, transform, transition} = useSortable({id: view.id});\n    const style = {transform: CSS.Transform.toString(transform), transition};\n\n    const _changeView = () => {\n        searchDispatch({type: SearchActionTypes.CHANGE_VIEW, view});\n    };\n\n    const ROWS_DESCRIPTION = 3;\n\n    const _handleDelete = async (event: any) => {\n        // stop progation to avoid click on view\n        event.stopPropagation();\n\n        await deleteView(view.id);\n\n        const newOrder = (view.shared ? searchState.sharedViewsOrder : searchState.userViewsOrder).filter(\n            vId => vId !== view.id,\n        );\n\n        await updateViewsOrder({\n            key: (view.shared ? PREFIX_SHARED_VIEWS_ORDER_KEY : PREFIX_USER_VIEWS_ORDER_KEY) + searchState.library.id,\n            value: newOrder,\n            global: false,\n        });\n\n        if (view.id === searchState.view.current.id) {\n            searchDispatch({type: SearchActionTypes.CHANGE_VIEW, view: defaultView});\n        }\n    };\n\n    const _handleDuplicate = async (event: any) => {\n        // stop progation to avoid click on view\n        event.stopPropagation();\n\n        try {\n            const newView: ViewInput = {\n                ...omit(view, ['id', 'owner']),\n                library: searchState.library.id,\n                label: {\n                    [defaultLang]: `${localizedTranslation(view.label, lang)} (${t('global.copy')})`,\n                },\n                filters: getRequestFromFilters(view.filters),\n                display: {\n                    size: ViewSizes.MEDIUM,\n                    type: ViewTypes.list,\n                },\n                valuesVersions: objectToNameValueArray(view.valuesVersions).map(version => ({\n                    treeId: version.name,\n                    treeNode: version.value.id,\n                })),\n                shared: false,\n            };\n\n            const newViewRes = await saveView({\n                view: newView,\n            });\n\n            await updateViewsOrder({\n                key: PREFIX_USER_VIEWS_ORDER_KEY + newView.library,\n                value: [...searchState.userViewsOrder, newViewRes.data.saveView.id],\n                global: false,\n            });\n        } catch (e) {\n            console.error(e);\n        }\n    };\n\n    const _handleEdit = (event: any) => {\n        // stop progation to avoid click on view\n        event.stopPropagation();\n\n        onEdit(view.id);\n    };\n\n    const _onExpand = () => {\n        setDescription({expand: true, key: description.key});\n    };\n\n    const _onClose = () => {\n        setDescription({expand: false, key: description.key + 1});\n    };\n\n    const selected = view.id === searchState.view.current?.id;\n\n    const [isActionsShown, setIsActionsShown] = useState(false);\n\n    const viewLabel = localizedTranslation(view.label, lang);\n\n    return (\n        <Wrapper\n            key={view.id}\n            ref={setNodeRef}\n            style={style}\n            {...attributes}\n            selected={selected}\n            onClick={_changeView}\n            color={view.color}\n            onMouseEnter={() => setIsActionsShown(true)}\n            onMouseLeave={() => setIsActionsShown(false)}\n        >\n            <Handle className=\"view-handle\" {...listeners} />\n            <Infos>\n                <Title data-testid=\"view-title\">\n                    <IconViewType type={view.display.type} />\n                    <Typography.Text ellipsis={{tooltip: true}} style={{padding: '0 .5em', width: 'calc(100% - 1em)'}}>\n                        {viewLabel}\n                    </Typography.Text>\n                </Title>\n                {view.description && (\n                    <Description>\n                        <Typography.Paragraph\n                            key={description.key}\n                            ellipsis={{\n                                rows: ROWS_DESCRIPTION,\n                                expandable: true,\n                                onExpand: _onExpand,\n                                symbol: t('view.see-more'),\n                            }}\n                            style={{marginBottom: 0}}\n                        >\n                            {localizedTranslation(view.description, lang)}\n                        </Typography.Paragraph>\n                        {description.expand && (\n                            <a\n                                href=\"!#\"\n                                onClick={ev => {\n                                    ev.preventDefault();\n                                    _onClose();\n                                }}\n                            >\n                                {t('global.close')}\n                            </a>\n                        )}\n                    </Description>\n                )}\n            </Infos>\n            {!view.owner && !isActionsShown && <FontAwesomeIcon icon={faUserTag} />}\n            {isActionsShown && (\n                <>\n                    <Tooltip title={t('global.edit')}>\n                        <Button\n                            key=\"edit\"\n                            onClick={_handleEdit}\n                            disabled={!view.owner}\n                            type=\"text\"\n                            size=\"small\"\n                            shape=\"circle\"\n                            icon={<EditOutlined />}\n                        />\n                    </Tooltip>\n                    <Tooltip title={t('global.duplicate')}>\n                        <Button\n                            key=\"duplicate\"\n                            onClick={_handleDuplicate}\n                            type=\"text\"\n                            size=\"small\"\n                            shape=\"circle\"\n                            icon={<CopyOutlined />}\n                        />\n                    </Tooltip>\n                    <Tooltip title={t('global.delete')}>\n                        <Button\n                            key=\"delete\"\n                            onClick={_handleDelete}\n                            disabled={!view.owner}\n                            type=\"text\"\n                            size=\"small\"\n                            shape=\"circle\"\n                            icon={<DeleteOutlined />}\n                        />\n                    </Tooltip>\n                </>\n            )}\n        </Wrapper>\n    );\n}\n\nexport default View;\n"]}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/LibraryItemsList/ViewPanel/View/index.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,eAAe,IAAI,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport View from './View';\n\nexport default View;\n"]}

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

@@ -1,2 +0,0 @@
-declare function ViewPanel(): JSX.Element;
-export default ViewPanel;