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

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface IMenuItemListSelectedProps {
+    active: boolean;
+}
+declare function MenuItemListSelected({ active }: IMenuItemListSelectedProps): JSX.Element;
+export default MenuItemListSelected;

package/dist/components/LibraryItemsList/MenuItemListSelected/MenuItemListSelected.js

@@ -0,0 +1,139 @@
+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
+// Copyright LEAV Solutions 2017kn
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { CloseOutlined, DownOutlined } from '@ant-design/icons';
+import { Button, Dropdown } from 'antd';
+import uniqBy from 'lodash/uniqBy';
+import { useEffect, useState } from 'react';
+import styled from 'styled-components';
+import { themeVars } from '_ui/antdTheme';
+import useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';
+import { useSharedTranslation } from '_ui/hooks/useSharedTranslation';
+import { SearchMode } from '_ui/types/search';
+import { SearchActionTypes } from '../hooks/useSearchReducer/searchReducer';
+import ActionsMenu from './ActionsMenu';
+const Wrapper = styled.div `
+    display: ${({ $active }) => ($active ? 'grid' : 'none')};
+    place-items: center;
+
+    position: absolute;
+    top: 0;
+
+    width: 100%;
+    background: ${themeVars.defaultBg};
+    height: 4rem;
+    z-index: 11;
+
+    animation: ${({ $active }) => ($active ? 'moveToBottom .3s ease' : 'none')};
+
+    & > div {
+        display: grid;
+        place-items: center;
+        grid-template-columns: repeat(4, auto);
+        column-gap: 1rem;
+    }
+
+    @keyframes moveToBottom {
+        from {
+            top: -105px;
+        }
+        to {
+            top: 0;
+        }
+    }
+`;
+const DropdownButton = styled.div `
+    && {
+        display: flex;
+        padding: 0;
+    }
+`;
+const SelectionSummary = styled(Button) `
+    && {
+        padding: 0 1em;
+        display: flex;
+        align-items: center;
+        border-right-color: transparent;
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+    }
+`;
+const ClearSelection = styled(Button) `
+    && {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+        display: flex;
+        padding: 0 1em;
+        align-items: center;
+    }
+`;
+function MenuItemListSelected({ active }) {
+    const { t } = useSharedTranslation();
+    const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
+    const [countItemsSelected, setCountItemsSelected] = useState(0);
+    const disableModeSelection = () => {
+        searchDispatch({
+            type: SearchActionTypes.CLEAR_SELECTION
+        });
+    };
+    useEffect(() => {
+        setCountItemsSelected(searchState.selection.selected.length);
+    }, [searchState.selection]);
+    const selectVisible = () => {
+        let selected = [...searchState.selection.selected];
+        if (searchState.records) {
+            for (const record of searchState.records) {
+                selected = [
+                    ...selected,
+                    {
+                        id: record.whoAmI.id,
+                        library: record.whoAmI.library.id,
+                        label: record.whoAmI.label
+                    }
+                ];
+            }
+        }
+        selected = uniqBy(selected, item => `${item.id}_${item.library}`);
+        searchDispatch({
+            type: SearchActionTypes.SET_SELECTION,
+            selected
+        });
+    };
+    const selectAll = () => {
+        searchDispatch({
+            type: SearchActionTypes.SELECT_ALL
+        });
+    };
+    const unselectAll = () => {
+        searchDispatch({
+            type: SearchActionTypes.CLEAR_SELECTION
+        });
+    };
+    const allSelectActive = searchState.selection.allSelected;
+    return (_jsx(Wrapper, Object.assign({ "$active": active }, { children: _jsxs("div", { children: [_jsx(Dropdown, Object.assign({ menu: {
+                        items: [
+                            {
+                                key: 'select-visible',
+                                onClick: selectVisible,
+                                label: t('items-menu-dropdown.select-visible', { nb: searchState.records.length })
+                            },
+                            searchState.mode !== SearchMode.select
+                                ? {
+                                    key: 'select-all',
+                                    onClick: selectAll,
+                                    label: t('items-menu-dropdown.select-all', { nb: searchState.totalCount })
+                                }
+                                : null,
+                            { key: 'unselect-all', onClick: unselectAll, label: t('menu-selection.unselect-all') }
+                        ]
+                    } }, { children: _jsxs(DropdownButton, { children: [_jsxs(SelectionSummary, { children: [t('menu-selection.nb-selected', {
+                                        nbSelected: !allSelectActive ? countItemsSelected : searchState.totalCount,
+                                        total: searchState.totalCount
+                                    }), _jsx(DownOutlined, { style: { paddingLeft: 12 } })] }), _jsx(ClearSelection, Object.assign({ onClick: disableModeSelection }, { children: _jsx(CloseOutlined, {}) }))] }) })), searchState.mode !== SearchMode.select && _jsx(ActionsMenu, {})] }) })));
+}
+export default MenuItemListSelected;
+//# sourceMappingURL=MenuItemListSelected.js.map

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

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

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

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

package/dist/components/LibraryItemsList/MenuItemListSelected/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 MenuItemListSelected from './MenuItemListSelected';
+export default MenuItemListSelected;
+//# sourceMappingURL=index.js.map

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

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

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

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

package/dist/components/LibraryItemsList/MenuSelection/MenuSelection.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { DownOutlined } from '@ant-design/icons';
+import { Button, Dropdown } from 'antd';
+import useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';
+import { useSharedTranslation } from '_ui/hooks/useSharedTranslation';
+import { SearchMode } from '_ui/types/search';
+import { SearchActionTypes } from '../hooks/useSearchReducer/searchReducer';
+function MenuSelection() {
+    const { t } = useSharedTranslation();
+    const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
+    const selectAll = () => {
+        searchDispatch({
+            type: SearchActionTypes.SELECT_ALL
+        });
+    };
+    const selectVisible = () => {
+        let selected = [...searchState.selection.selected];
+        if (searchState.records) {
+            for (const record of searchState.records) {
+                selected = [
+                    ...selected,
+                    {
+                        id: record.whoAmI.id,
+                        library: record.whoAmI.library.id,
+                        label: record.whoAmI.label
+                    }
+                ];
+            }
+        }
+        searchDispatch({
+            type: SearchActionTypes.SET_SELECTION,
+            selected
+        });
+    };
+    return (_jsx("span", Object.assign({ "data-testid": "dropdown-menu-selection" }, { children: _jsx(Dropdown, Object.assign({ menu: {
+                items: [
+                    searchState.mode !== SearchMode.select
+                        ? {
+                            key: 'select_all',
+                            onClick: selectAll,
+                            label: t('items-menu-dropdown.select-all', { nb: searchState.totalCount })
+                        }
+                        : null,
+                    {
+                        key: 'select',
+                        onClick: selectVisible,
+                        label: t('items-menu-dropdown.select-visible', { nb: searchState.records.length })
+                    }
+                ]
+            } }, { children: _jsx(Button, Object.assign({ icon: _jsx(DownOutlined, {}) }, { children: t('items-list-row.nb-elements', {
+                    nbItems: searchState.totalCount
+                }) })) })) })));
+}
+export default MenuSelection;
+//# sourceMappingURL=MenuSelection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSelection.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/MenuSelection/MenuSelection.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAC,MAAM,EAAE,QAAQ,EAAC,MAAM,MAAM,CAAC;AACtC,OAAO,gBAAgB,MAAM,wDAAwD,CAAC;AACtF,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAC,iBAAiB,EAAC,MAAM,yCAAyC,CAAC;AAE1E,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,SAAS,GAAG,GAAG,EAAE;QACnB,cAAc,CAAC;YACX,IAAI,EAAE,iBAAiB,CAAC,UAAU;SACrC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,IAAI,QAAQ,GAAG,CAAC,GAAG,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAEnD,IAAI,WAAW,CAAC,OAAO,EAAE;YACrB,KAAK,MAAM,MAAM,IAAI,WAAW,CAAC,OAAO,EAAE;gBACtC,QAAQ,GAAG;oBACP,GAAG,QAAQ;oBACX;wBACI,EAAE,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;wBACpB,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;wBACjC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK;qBAC7B;iBACJ,CAAC;aACL;SACJ;QAED,cAAc,CAAC;YACX,IAAI,EAAE,iBAAiB,CAAC,aAAa;YACrC,QAAQ;SACX,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,OAAO,CACH,4CAAkB,yBAAyB,gBACvC,KAAC,QAAQ,kBACL,IAAI,EAAE;gBACF,KAAK,EAAE;oBACH,WAAW,CAAC,IAAI,KAAK,UAAU,CAAC,MAAM;wBAClC,CAAC,CAAC;4BACI,GAAG,EAAE,YAAY;4BACjB,OAAO,EAAE,SAAS;4BAClB,KAAK,EAAE,CAAC,CAAC,gCAAgC,EAAE,EAAC,EAAE,EAAE,WAAW,CAAC,UAAU,EAAC,CAAC;yBAC3E;wBACH,CAAC,CAAC,IAAI;oBACV;wBACI,GAAG,EAAE,QAAQ;wBACb,OAAO,EAAE,aAAa;wBACtB,KAAK,EAAE,CAAC,CAAC,oCAAoC,EAAE,EAAC,EAAE,EAAE,WAAW,CAAC,OAAO,CAAC,MAAM,EAAC,CAAC;qBACnF;iBACJ;aACJ,gBAED,KAAC,MAAM,kBAAC,IAAI,EAAE,KAAC,YAAY,KAAG,gBACzB,CAAC,CAAC,4BAA4B,EAAE;oBAC7B,OAAO,EAAE,WAAW,CAAC,UAAU;iBAClC,CAAC,IACG,IACF,IACR,CACV,CAAC;AACN,CAAC;AAED,eAAe,aAAa,CAAC"}

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

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

package/dist/components/LibraryItemsList/MenuSelection/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 MenuSelection from './MenuSelection';
+export default MenuSelection;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ILibraryDetailExtended } from '_ui/_queries/libraries/getLibraryDetailExtendQuery';
+interface IMenuViewProps {
+    library: ILibraryDetailExtended;
+}
+declare function MenuView({ library }: IMenuViewProps): JSX.Element;
+export default MenuView;

package/dist/components/LibraryItemsList/MenuView/MenuView.js

@@ -0,0 +1,163 @@
+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 { AppstoreFilled, FilterOutlined, MenuOutlined, PlusOutlined, SaveFilled } from '@ant-design/icons';
+import { localizedTranslation, objectToNameValueArray } from '@leav/utils';
+import { Badge, Button, Dropdown, Space, Tooltip } from 'antd';
+import { GrUndo } from 'react-icons/gr';
+import { VscLayers } from 'react-icons/vsc';
+import styled from 'styled-components';
+import useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';
+import { SearchActionTypes } from '_ui/components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
+import useExecuteAddViewMutation from '_ui/hooks/useExecuteAddViewMutation/useExecuteAddViewMutation';
+import useLang from '_ui/hooks/useLang';
+import { useSharedTranslation } from '_ui/hooks/useSharedTranslation';
+import { SidebarContentType } from '_ui/types/search';
+import { ViewTypes } from '_ui/_gqlTypes';
+import { prepareView } from '_ui/_utils';
+import { getRequestFromFilters } from '_ui/_utils/getRequestFromFilter';
+import { PREFIX_USER_VIEWS_ORDER_KEY } from '../../../constants';
+import { useUser } from '../../../hooks/useUser/useUser';
+import { defaultView, viewSettingsField } from '../constants';
+import FiltersDropdown from '../FiltersDropdown';
+import useUpdateViewsOrderMutation from '../hooks/useUpdateViewsOrderMutation';
+import IconViewType from '../IconViewType';
+const ViewButton = styled(Button) `
+    && {
+        display: flex;
+        align-items: center;
+    }
+`;
+const ViewLabel = styled.span `
+    width: 180px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    whitespace: nowrap;
+`;
+function MenuView({ library }) {
+    var _a, _b, _c, _d;
+    const { t } = useSharedTranslation();
+    const { lang, defaultLang } = useLang();
+    const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
+    const { userData } = useUser();
+    const { addView } = useExecuteAddViewMutation();
+    const { updateViewsOrder } = useUpdateViewsOrderMutation(library.id);
+    const _toggleShowView = () => {
+        const visible = !searchState.sideBar.visible || searchState.sideBar.type !== SidebarContentType.view;
+        searchDispatch({
+            type: SearchActionTypes.SET_SIDEBAR,
+            sidebarType: SidebarContentType.view,
+            visible
+        });
+    };
+    const _toggleShowFilters = () => {
+        const visible = !searchState.sideBar.visible || searchState.sideBar.type !== SidebarContentType.filters;
+        searchDispatch({
+            type: SearchActionTypes.SET_SIDEBAR,
+            sidebarType: SidebarContentType.filters,
+            visible
+        });
+    };
+    const _toggleShowVersions = () => {
+        const visible = !searchState.sideBar.visible || searchState.sideBar.type !== SidebarContentType.filters;
+        searchDispatch({
+            type: SearchActionTypes.SET_SIDEBAR,
+            sidebarType: SidebarContentType.versions,
+            visible
+        });
+    };
+    const _resetView = () => {
+        searchDispatch({
+            type: SearchActionTypes.CHANGE_VIEW,
+            view: searchState.view.current
+        });
+    };
+    const _getNewViewFromSearchState = () => {
+        return {
+            library: library.id,
+            label: {
+                [defaultLang]: t('view.add-view.title', { lng: defaultLang })
+            },
+            display: searchState.display,
+            shared: false,
+            sort: searchState.sort,
+            filters: getRequestFromFilters(searchState.filters),
+            valuesVersions: searchState.valuesVersions
+                ? objectToNameValueArray(searchState.valuesVersions)
+                    .map(version => {
+                    var _a, _b, _c;
+                    return ({
+                        treeId: (_a = version === null || version === void 0 ? void 0 : version.name) !== null && _a !== void 0 ? _a : null,
+                        treeNode: (_c = (_b = version === null || version === void 0 ? void 0 : version.value) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : null
+                    });
+                })
+                    .filter(v => v.treeId !== null && v.treeNode !== null)
+                : null,
+            settings: [
+                {
+                    name: viewSettingsField,
+                    value: searchState.display.type === ViewTypes.list ? searchState.fields.map(f => f.key) : []
+                }
+            ]
+        };
+    };
+    const _saveView = async () => {
+        var _a;
+        if (searchState.view.current.id !== defaultView.id) {
+            // save view in backend
+            await addView({
+                view: Object.assign(Object.assign({}, _getNewViewFromSearchState()), { id: searchState.view.current.id, label: searchState.view.current.label, description: searchState.view.current.description, shared: searchState.view.current.shared, color: searchState.view.current.color, sort: (_a = searchState.sort) !== null && _a !== void 0 ? _a : null })
+            });
+            searchDispatch({
+                type: SearchActionTypes.SET_VIEW_SYNC,
+                sync: true
+            });
+        }
+    };
+    const _handleAddView = async (viewType) => {
+        const newView = Object.assign(Object.assign({}, _getNewViewFromSearchState()), { display: Object.assign(Object.assign({}, searchState.display), { type: viewType }) });
+        // save view in backend
+        const newViewRes = await addView({
+            view: newView
+        });
+        await updateViewsOrder({
+            key: PREFIX_USER_VIEWS_ORDER_KEY + newView.library,
+            value: [...searchState.userViewsOrder, newViewRes.data.saveView.id],
+            global: false
+        });
+        searchDispatch({
+            type: SearchActionTypes.CHANGE_VIEW,
+            view: prepareView(newViewRes.data.saveView, searchState.attributes, searchState.library.id, userData === null || userData === void 0 ? void 0 : userData.userId)
+        });
+    };
+    const menu = {
+        items: [
+            {
+                key: 'add-group',
+                type: 'group',
+                label: t('view.add-view.title'),
+                children: [
+                    {
+                        key: 'list',
+                        onClick: () => _handleAddView(ViewTypes.list),
+                        icon: _jsx(MenuOutlined, {}),
+                        label: t('view.type-list')
+                    },
+                    {
+                        key: 'cards',
+                        onClick: () => _handleAddView(ViewTypes.cards),
+                        icon: _jsx(AppstoreFilled, {}),
+                        label: t('view.type-cards')
+                    }
+                ]
+            }
+        ]
+    };
+    return (_jsxs(Space, Object.assign({ size: "large" }, { children: [_jsxs(Button.Group, { children: [_jsx(Tooltip, Object.assign({ title: localizedTranslation((_a = searchState.view.current) === null || _a === void 0 ? void 0 : _a.label, lang) || t('select-view.default-view') }, { children: _jsx(ViewButton, Object.assign({ icon: _jsx(IconViewType, { style: { marginRight: '8px' }, type: searchState.view.current.display.type }), "data-testid": "dropdown-view-options", onClick: _toggleShowView, color: (_b = searchState.view.current) === null || _b === void 0 ? void 0 : _b.color }, { children: _jsx(ViewLabel, { children: localizedTranslation((_c = searchState.view.current) === null || _c === void 0 ? void 0 : _c.label, lang) ||
+                                    t('select-view.default-view') }) })) })), _jsx(Button, { disabled: searchState.view.sync, icon: _jsx(GrUndo, {}), onClick: _resetView, style: { paddingTop: '6px' } }), _jsx(Button, { icon: _jsx(SaveFilled, {}), onClick: _saveView, disabled: searchState.view.sync ||
+                            ((_d = searchState.view.current) === null || _d === void 0 ? void 0 : _d.id) === defaultView.id ||
+                            !searchState.view.current.owner }), _jsx(Dropdown, Object.assign({ menu: menu, trigger: ['click'] }, { children: _jsx(Button, { icon: _jsx(PlusOutlined, {}) }) }))] }), _jsx(Badge, Object.assign({ dot: !!searchState.filters.length }, { children: _jsxs(Button.Group, { children: [_jsx(Button, Object.assign({ onClick: _toggleShowFilters, icon: _jsx(FilterOutlined, {}) }, { children: t('filters.filters') })), _jsx(FiltersDropdown, { libraryId: library.id, button: _jsx(Button, { icon: _jsx(PlusOutlined, {}), type: 'default' }), attributes: library.attributes, trees: library.linkedTrees, libraries: [] })] }) })), _jsx(Button, { onClick: _toggleShowVersions, icon: _jsx(VscLayers, {}), style: { paddingTop: '5px' } })] })));
+}
+export default MenuView;
+//# sourceMappingURL=MenuView.js.map

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

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

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

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

package/dist/components/LibraryItemsList/MenuView/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 MenuView from './MenuView';
+export default MenuView;
+//# sourceMappingURL=index.js.map

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

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

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

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

package/dist/components/LibraryItemsList/SearchItems/SearchItems.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { Input } from 'antd';
+import useSearchReducer from '_ui/components/LibraryItemsList/hooks/useSearchReducer';
+import { SearchActionTypes } from '_ui/components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
+import { useSharedTranslation } from '_ui/hooks/useSharedTranslation';
+function SearchItems() {
+    const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
+    const { t } = useSharedTranslation();
+    const handleChange = (event) => {
+        searchDispatch({ type: SearchActionTypes.SET_FULLTEXT, fullText: event.target.value });
+    };
+    const handleEnter = e => {
+        searchDispatch({ type: SearchActionTypes.APPLY_FILTERS });
+    };
+    return (_jsx(Input.Search, { style: { maxWidth: 500, minWidth: 250 }, placeholder: t('search.placeholder'), value: searchState.fullText, onChange: handleChange, onPressEnter: handleEnter, onSearch: handleEnter, loading: searchState.loading, allowClear: true }));
+}
+export default SearchItems;
+//# sourceMappingURL=SearchItems.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchItems.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/SearchItems/SearchItems.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,KAAK,EAAC,MAAM,MAAM,CAAC;AAE3B,OAAO,gBAAgB,MAAM,wDAAwD,CAAC;AACtF,OAAO,EAAC,iBAAiB,EAAC,MAAM,sEAAsE,CAAC;AACvG,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,SAAS,WAAW;IAChB,MAAM,EAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAC,GAAG,gBAAgB,EAAE,CAAC;IAE1E,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,YAAY,GAAG,CAAC,KAA0C,EAAE,EAAE;QAChE,cAAc,CAAC,EAAC,IAAI,EAAE,iBAAiB,CAAC,YAAY,EAAE,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAC,CAAC,CAAC;IACzF,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,CAAC,EAAE;QACpB,cAAc,CAAC,EAAC,IAAI,EAAE,iBAAiB,CAAC,aAAa,EAAC,CAAC,CAAC;IAC5D,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,KAAK,CAAC,MAAM,IACT,KAAK,EAAE,EAAC,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,EACrC,WAAW,EAAE,CAAC,CAAC,oBAAoB,CAAC,EACpC,KAAK,EAAE,WAAW,CAAC,QAAQ,EAC3B,QAAQ,EAAE,YAAY,EACtB,YAAY,EAAE,WAAW,EACzB,QAAQ,EAAE,WAAW,EACrB,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,UAAU,SACZ,CACL,CAAC;AACN,CAAC;AAED,eAAe,WAAW,CAAC"}

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

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

package/dist/components/LibraryItemsList/SearchItems/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 SearchItems from './SearchItems';
+export default SearchItems;
+//# sourceMappingURL=index.js.map

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

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

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

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

package/dist/components/LibraryItemsList/Sidebar/Sidebar.js

@@ -0,0 +1,58 @@
+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 styled from 'styled-components';
+import { SidebarContentType } from '_ui/types/search';
+import FiltersPanel from '../FiltersPanel';
+import useSearchReducer from '../hooks/useSearchReducer';
+import VersionsPanel from '../VersionsPanel';
+import ViewPanel from '../ViewPanel';
+const Wrapper = styled.div `
+    grid-area: side;
+    display: ${({ $visible }) => ($visible ? 'flex' : 'none')};
+    position: relative;
+    height: calc(100vh - 7rem);
+    overflow: hidden;
+
+    &.wrapped-filter-open {
+        animation-name: filter-animation-open;
+        animation-duration: 1s;
+        animation-timing-function: ease;
+    }
+
+    @keyframes filter-animation-open {
+        from {
+            opacity: 0;
+        }
+
+        to {
+            opacity: 1;
+        }
+    }
+
+    &.wrapped-filter-close {
+        animation-name: filter-animation-close;
+        animation-duration: 1s;
+        animation-timing-function: ease-out;
+    }
+
+    @keyframes filter-animation-close {
+        from {
+            /* transform: translate(0); */
+            opacity: 1;
+        }
+
+        to {
+            /* transform: translate(-50rem); */
+            opacity: 0;
+        }
+    }
+`;
+function Sidebar() {
+    const { state } = useSearchReducer();
+    const { visible, type } = state.sideBar;
+    return (_jsxs(Wrapper, Object.assign({ "$visible": visible, className: visible ? 'wrapped-filter-open' : 'wrapped-filter-close' }, { children: [visible && type === SidebarContentType.filters && _jsx(FiltersPanel, {}), visible && type === SidebarContentType.view && _jsx(ViewPanel, {}), visible && type === SidebarContentType.versions && _jsx(VersionsPanel, {})] })));
+}
+export default Sidebar;
+//# sourceMappingURL=Sidebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/Sidebar/Sidebar.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,MAAmB,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAC,kBAAkB,EAAC,MAAM,kBAAkB,CAAC;AACpD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,gBAAgB,MAAM,2BAA2B,CAAC;AACzD,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,SAAS,MAAM,cAAc,CAAC;AAOrC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAe;;eAE1B,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsC1D,CAAC;AAEF,SAAS,OAAO;IACZ,MAAM,EAAC,KAAK,EAAC,GAAG,gBAAgB,EAAE,CAAC;IACnC,MAAM,EAAC,OAAO,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC,OAAO,CAAC;IAEtC,OAAO,CACH,MAAC,OAAO,8BAAW,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,sBAAsB,iBAC1F,OAAO,IAAI,IAAI,KAAK,kBAAkB,CAAC,OAAO,IAAI,KAAC,YAAY,KAAG,EAClE,OAAO,IAAI,IAAI,KAAK,kBAAkB,CAAC,IAAI,IAAI,KAAC,SAAS,KAAG,EAC5D,OAAO,IAAI,IAAI,KAAK,kBAAkB,CAAC,QAAQ,IAAI,KAAC,aAAa,KAAG,KAC/D,CACb,CAAC;AACN,CAAC;AAED,eAAe,OAAO,CAAC"}

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

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

package/dist/components/LibraryItemsList/Sidebar/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 Sidebar from './Sidebar';
+export default Sidebar;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IItem } from '_ui/types/search';
+interface IItemTileDisplayProps {
+    item: IItem;
+}
+declare function ItemTileDisplay({ item }: IItemTileDisplayProps): JSX.Element;
+export default ItemTileDisplay;