@leav/ui 0.0.1-alpha-1 → 1.0.0-beta6

package/dist/components/LibraryItemsList/FiltersPanel/FiltersOptions.js

@@ -0,0 +1,155 @@
+import { AttributeConditionFilter, FilterType, OperatorFilter, TreeConditionFilter } from '../../../types/search';
+import { AttributeFormat } from '../../../_gqlTypes';
+const allowedConditionByFormat = {
+    [AttributeFormat.text]: [
+        AttributeConditionFilter.CONTAINS,
+        AttributeConditionFilter.NOT_CONTAINS,
+        AttributeConditionFilter.EQUAL,
+        AttributeConditionFilter.NOT_EQUAL,
+        AttributeConditionFilter.BEGIN_WITH,
+        AttributeConditionFilter.END_WITH,
+        AttributeConditionFilter.IS_EMPTY,
+        AttributeConditionFilter.IS_NOT_EMPTY
+    ],
+    [AttributeFormat.extended]: [
+        AttributeConditionFilter.CONTAINS,
+        AttributeConditionFilter.NOT_CONTAINS,
+        AttributeConditionFilter.EQUAL,
+        AttributeConditionFilter.NOT_EQUAL,
+        AttributeConditionFilter.BEGIN_WITH,
+        AttributeConditionFilter.END_WITH,
+        AttributeConditionFilter.IS_EMPTY,
+        AttributeConditionFilter.IS_NOT_EMPTY
+    ],
+    [AttributeFormat.encrypted]: [AttributeConditionFilter.IS_EMPTY, AttributeConditionFilter.IS_NOT_EMPTY],
+    [AttributeFormat.numeric]: [
+        AttributeConditionFilter.EQUAL,
+        AttributeConditionFilter.NOT_EQUAL,
+        AttributeConditionFilter.GREATER_THAN,
+        AttributeConditionFilter.LESS_THAN,
+        AttributeConditionFilter.IS_EMPTY,
+        AttributeConditionFilter.IS_NOT_EMPTY
+    ],
+    [AttributeFormat.boolean]: [AttributeConditionFilter.EQUAL, AttributeConditionFilter.NOT_EQUAL],
+    [AttributeFormat.date]: [
+        AttributeConditionFilter.EQUAL,
+        AttributeConditionFilter.NOT_EQUAL,
+        AttributeConditionFilter.GREATER_THAN,
+        AttributeConditionFilter.LESS_THAN,
+        AttributeConditionFilter.IS_EMPTY,
+        AttributeConditionFilter.IS_NOT_EMPTY,
+        AttributeConditionFilter.TODAY,
+        AttributeConditionFilter.TOMORROW,
+        AttributeConditionFilter.YESTERDAY,
+        AttributeConditionFilter.LAST_MONTH,
+        AttributeConditionFilter.NEXT_MONTH,
+        AttributeConditionFilter.BETWEEN
+    ],
+    [AttributeFormat.date_range]: [
+        AttributeConditionFilter.CONTAINS,
+        AttributeConditionFilter.START_ON,
+        AttributeConditionFilter.START_AFTER,
+        AttributeConditionFilter.START_BEFORE,
+        AttributeConditionFilter.END_ON,
+        AttributeConditionFilter.END_AFTER,
+        AttributeConditionFilter.END_BEFORE,
+        AttributeConditionFilter.IS_EMPTY,
+        AttributeConditionFilter.IS_NOT_EMPTY
+    ],
+    [AttributeFormat.color]: [
+        AttributeConditionFilter.CONTAINS,
+        AttributeConditionFilter.NOT_CONTAINS,
+        AttributeConditionFilter.EQUAL,
+        AttributeConditionFilter.NOT_EQUAL,
+        AttributeConditionFilter.IS_EMPTY,
+        AttributeConditionFilter.IS_NOT_EMPTY
+    ],
+    [AttributeFormat.rich_text]: [
+        AttributeConditionFilter.CONTAINS,
+        AttributeConditionFilter.NOT_CONTAINS,
+        AttributeConditionFilter.IS_EMPTY,
+        AttributeConditionFilter.IS_NOT_EMPTY
+    ]
+};
+export function getAttributeConditionOptions(t) {
+    return [
+        { text: t('filters.contains'), value: AttributeConditionFilter.CONTAINS },
+        { text: t('filters.not-contains'), value: AttributeConditionFilter.NOT_CONTAINS },
+        { text: t('filters.equal'), value: AttributeConditionFilter.EQUAL },
+        { text: t('filters.not-equal'), value: AttributeConditionFilter.NOT_EQUAL },
+        { text: t('filters.begin-with'), value: AttributeConditionFilter.BEGIN_WITH },
+        { text: t('filters.end-with'), value: AttributeConditionFilter.END_WITH },
+        {
+            text: t('filters.less-than'),
+            textByFormat: { [AttributeFormat.date]: t('filters.before') },
+            value: AttributeConditionFilter.LESS_THAN
+        },
+        {
+            text: t('filters.greater-than'),
+            textByFormat: { [AttributeFormat.date]: t('filters.after') },
+            value: AttributeConditionFilter.GREATER_THAN
+        },
+        { text: t('filters.today'), value: AttributeConditionFilter.TODAY },
+        { text: t('filters.tomorrow'), value: AttributeConditionFilter.TOMORROW },
+        { text: t('filters.yesterday'), value: AttributeConditionFilter.YESTERDAY },
+        { text: t('filters.last-month'), value: AttributeConditionFilter.LAST_MONTH },
+        { text: t('filters.next-month'), value: AttributeConditionFilter.NEXT_MONTH },
+        { text: t('filters.between'), value: AttributeConditionFilter.BETWEEN },
+        { text: t('filters.start-on'), value: AttributeConditionFilter.START_ON },
+        { text: t('filters.start-after'), value: AttributeConditionFilter.START_AFTER },
+        { text: t('filters.start-before'), value: AttributeConditionFilter.START_BEFORE },
+        { text: t('filters.end-on'), value: AttributeConditionFilter.END_ON },
+        { text: t('filters.end-after'), value: AttributeConditionFilter.END_AFTER },
+        { text: t('filters.end-before'), value: AttributeConditionFilter.END_BEFORE },
+        { text: t('filters.is-empty'), value: AttributeConditionFilter.IS_EMPTY },
+        { text: t('filters.is-not-empty'), value: AttributeConditionFilter.IS_NOT_EMPTY },
+        { text: t('filters.values-count-equal'), value: AttributeConditionFilter.VALUES_COUNT_EQUAL },
+        { text: t('filters.values-count-greater-than'), value: AttributeConditionFilter.VALUES_COUNT_GREATER_THAN },
+        { text: t('filters.values-count-lower-than'), value: AttributeConditionFilter.VALUES_COUNT_LOWER_THAN },
+        { text: t('filters.through'), value: AttributeConditionFilter.THROUGH }
+    ];
+}
+export function getTreeConditionOptions(t) {
+    return [
+        { text: t('filters.classified-in'), value: TreeConditionFilter.CLASSIFIED_IN },
+        { text: t('filters.not-classified-in'), value: TreeConditionFilter.NOT_CLASSIFIED_IN }
+    ];
+}
+export function getOperatorOptions(t) {
+    return [
+        { text: t('filters.and'), value: OperatorFilter.AND },
+        { text: t('filters.or'), value: OperatorFilter.OR }
+    ];
+}
+export const getConditionOptionsByType = (filter, showThroughCondition, t) => {
+    const _isValuesCountCondition = (condition) => {
+        return [
+            AttributeConditionFilter.VALUES_COUNT_EQUAL,
+            AttributeConditionFilter.VALUES_COUNT_GREATER_THAN,
+            AttributeConditionFilter.VALUES_COUNT_LOWER_THAN
+        ].includes(condition);
+    };
+    const attributeConditionOptions = getAttributeConditionOptions(t);
+    const conditionOptionsByType = attributeConditionOptions.filter(conditionOption => {
+        // "Through" condition
+        if (conditionOption.value === AttributeConditionFilter.THROUGH && showThroughCondition) {
+            return true;
+        }
+        // Filter on library (applied to tree attribute only) => show condition for text attribute
+        if (filter.type === FilterType.LIBRARY &&
+            allowedConditionByFormat[AttributeFormat.text].includes(conditionOption.value)) {
+            return true;
+        }
+        // Regular attribute filter => show condition based on format + values count if multiple values is allowed
+        if (filter.type === FilterType.ATTRIBUTE) {
+            const attributeFilter = filter;
+            if ((filter.attribute?.format &&
+                allowedConditionByFormat[attributeFilter.attribute.format]?.includes(conditionOption.value)) ||
+                (attributeFilter.attribute.isMultiple && _isValuesCountCondition(conditionOption.value))) {
+                return true;
+            }
+        }
+        return false;
+    });
+    return conditionOptionsByType;
+};

package/dist/components/LibraryItemsList/FiltersPanel/FiltersOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiltersOptions.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/FiltersPanel/FiltersOptions.tsx"],"names":[],"mappings":"AAIA,OAAO,EACH,wBAAwB,EAExB,UAAU,EAGV,cAAc,EACd,mBAAmB,EACtB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAC,eAAe,EAAwB,MAAM,eAAe,CAAC;AAQrE,MAAM,wBAAwB,GAA4D;IACtF,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE;QACpB,wBAAwB,CAAC,QAAQ;QACjC,wBAAwB,CAAC,YAAY;QACrC,wBAAwB,CAAC,KAAK;QAC9B,wBAAwB,CAAC,SAAS;QAClC,wBAAwB,CAAC,UAAU;QACnC,wBAAwB,CAAC,QAAQ;QACjC,wBAAwB,CAAC,QAAQ;QACjC,wBAAwB,CAAC,YAAY;KACxC;IACD,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE;QACxB,wBAAwB,CAAC,QAAQ;QACjC,wBAAwB,CAAC,YAAY;QACrC,wBAAwB,CAAC,KAAK;QAC9B,wBAAwB,CAAC,SAAS;QAClC,wBAAwB,CAAC,UAAU;QACnC,wBAAwB,CAAC,QAAQ;QACjC,wBAAwB,CAAC,QAAQ;QACjC,wBAAwB,CAAC,YAAY;KACxC;IACD,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC,wBAAwB,CAAC,QAAQ,EAAE,wBAAwB,CAAC,YAAY,CAAC;IACvG,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE;QACvB,wBAAwB,CAAC,KAAK;QAC9B,wBAAwB,CAAC,SAAS;QAClC,wBAAwB,CAAC,YAAY;QACrC,wBAAwB,CAAC,SAAS;QAClC,wBAAwB,CAAC,QAAQ;QACjC,wBAAwB,CAAC,YAAY;KACxC;IACD,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC,wBAAwB,CAAC,KAAK,EAAE,wBAAwB,CAAC,SAAS,CAAC;IAC/F,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE;QACpB,wBAAwB,CAAC,KAAK;QAC9B,wBAAwB,CAAC,SAAS;QAClC,wBAAwB,CAAC,YAAY;QACrC,wBAAwB,CAAC,SAAS;QAClC,wBAAwB,CAAC,QAAQ;QACjC,wBAAwB,CAAC,YAAY;QACrC,wBAAwB,CAAC,KAAK;QAC9B,wBAAwB,CAAC,QAAQ;QACjC,wBAAwB,CAAC,SAAS;QAClC,wBAAwB,CAAC,UAAU;QACnC,wBAAwB,CAAC,UAAU;QACnC,wBAAwB,CAAC,OAAO;KACnC;IACD,CAAC,eAAe,CAAC,UAAU,CAAC,EAAE;QAC1B,wBAAwB,CAAC,QAAQ;QACjC,wBAAwB,CAAC,QAAQ;QACjC,wBAAwB,CAAC,WAAW;QACpC,wBAAwB,CAAC,YAAY;QACrC,wBAAwB,CAAC,MAAM;QAC/B,wBAAwB,CAAC,SAAS;QAClC,wBAAwB,CAAC,UAAU;QACnC,wBAAwB,CAAC,QAAQ;QACjC,wBAAwB,CAAC,YAAY;KACxC;IACD,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE;QACrB,wBAAwB,CAAC,QAAQ;QACjC,wBAAwB,CAAC,YAAY;QACrC,wBAAwB,CAAC,KAAK;QAC9B,wBAAwB,CAAC,SAAS;QAClC,wBAAwB,CAAC,QAAQ;QACjC,wBAAwB,CAAC,YAAY;KACxC;IACD,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE;QACzB,wBAAwB,CAAC,QAAQ;QACjC,wBAAwB,CAAC,YAAY;QACrC,wBAAwB,CAAC,QAAQ;QACjC,wBAAwB,CAAC,YAAY;KACxC;CACJ,CAAC;AAEF,MAAM,UAAU,4BAA4B,CAAC,CAAY;IACrD,OAAO;QACH,EAAC,IAAI,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,QAAQ,EAAC;QACvE,EAAC,IAAI,EAAE,CAAC,CAAC,sBAAsB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,YAAY,EAAC;QAC/E,EAAC,IAAI,EAAE,CAAC,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,KAAK,EAAC;QACjE,EAAC,IAAI,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,SAAS,EAAC;QACzE,EAAC,IAAI,EAAE,CAAC,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,UAAU,EAAC;QAC3E,EAAC,IAAI,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,QAAQ,EAAC;QACvE;YACI,IAAI,EAAE,CAAC,CAAC,mBAAmB,CAAC;YAC5B,YAAY,EAAE,EAAC,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAAC;YAC3D,KAAK,EAAE,wBAAwB,CAAC,SAAS;SAC5C;QACD;YACI,IAAI,EAAE,CAAC,CAAC,sBAAsB,CAAC;YAC/B,YAAY,EAAE,EAAC,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,eAAe,CAAC,EAAC;YAC1D,KAAK,EAAE,wBAAwB,CAAC,YAAY;SAC/C;QACD,EAAC,IAAI,EAAE,CAAC,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,KAAK,EAAC;QACjE,EAAC,IAAI,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,QAAQ,EAAC;QACvE,EAAC,IAAI,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,SAAS,EAAC;QACzE,EAAC,IAAI,EAAE,CAAC,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,UAAU,EAAC;QAC3E,EAAC,IAAI,EAAE,CAAC,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,UAAU,EAAC;QAC3E,EAAC,IAAI,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,OAAO,EAAC;QACrE,EAAC,IAAI,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,QAAQ,EAAC;QACvE,EAAC,IAAI,EAAE,CAAC,CAAC,qBAAqB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,WAAW,EAAC;QAC7E,EAAC,IAAI,EAAE,CAAC,CAAC,sBAAsB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,YAAY,EAAC;QAC/E,EAAC,IAAI,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,MAAM,EAAC;QACnE,EAAC,IAAI,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,SAAS,EAAC;QACzE,EAAC,IAAI,EAAE,CAAC,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,UAAU,EAAC;QAC3E,EAAC,IAAI,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,QAAQ,EAAC;QACvE,EAAC,IAAI,EAAE,CAAC,CAAC,sBAAsB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,YAAY,EAAC;QAC/E,EAAC,IAAI,EAAE,CAAC,CAAC,4BAA4B,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,kBAAkB,EAAC;QAC3F,EAAC,IAAI,EAAE,CAAC,CAAC,mCAAmC,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,yBAAyB,EAAC;QACzG,EAAC,IAAI,EAAE,CAAC,CAAC,iCAAiC,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,uBAAuB,EAAC;QACrG,EAAC,IAAI,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAAE,KAAK,EAAE,wBAAwB,CAAC,OAAO,EAAC;KACxE,CAAC;AACN,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,CAAY;IAChD,OAAO;QACH,EAAC,IAAI,EAAE,CAAC,CAAC,uBAAuB,CAAC,EAAE,KAAK,EAAE,mBAAmB,CAAC,aAAa,EAAC;QAC5E,EAAC,IAAI,EAAE,CAAC,CAAC,2BAA2B,CAAC,EAAE,KAAK,EAAE,mBAAmB,CAAC,iBAAiB,EAAC;KACvF,CAAC;AACN,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,CAAY;IAC3C,OAAO;QACH,EAAC,IAAI,EAAE,CAAC,CAAC,aAAa,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,GAAG,EAAC;QACnD,EAAC,IAAI,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,EAAE,EAAC;KACpD,CAAC;AACN,CAAC;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACrC,MAAe,EACf,oBAA6B,EAC7B,CAAY,EACyC,EAAE;IACvD,MAAM,uBAAuB,GAAG,CAAC,SAAiC,EAAW,EAAE;QAC3E,OAAO;YACH,wBAAwB,CAAC,kBAAkB;YAC3C,wBAAwB,CAAC,yBAAyB;YAClD,wBAAwB,CAAC,uBAAuB;SACnD,CAAC,QAAQ,CAAC,SAAkC,CAAC,CAAC;IACnD,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,4BAA4B,CAAC,CAAC,CAAC,CAAC;IAElE,MAAM,sBAAsB,GAAG,yBAAyB,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE;;QAC9E,sBAAsB;QACtB,IAAI,eAAe,CAAC,KAAK,KAAK,wBAAwB,CAAC,OAAO,IAAI,oBAAoB,EAAE;YACpF,OAAO,IAAI,CAAC;SACf;QAED,0FAA0F;QAC1F,IACI,MAAM,CAAC,IAAI,KAAK,UAAU,CAAC,OAAO;YAClC,wBAAwB,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,EAChF;YACE,OAAO,IAAI,CAAC;SACf;QAED,0GAA0G;QAC1G,IAAI,MAAM,CAAC,IAAI,KAAK,UAAU,CAAC,SAAS,EAAE;YACtC,MAAM,eAAe,GAAG,MAA0B,CAAC;YACnD,IACI,CAAC,CAAA,MAAC,MAA2B,CAAC,SAAS,0CAAE,MAAM;iBAC3C,MAAA,wBAAwB,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,0CAAE,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA,CAAC;gBAChG,CAAC,eAAe,CAAC,SAAS,CAAC,UAAU,IAAI,uBAAuB,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,EAC1F;gBACE,OAAO,IAAI,CAAC;aACf;SACJ;QAED,OAAO,KAAK,CAAC;IACjB,CAAC,CAAC,CAAC;IAEH,OAAO,sBAAsB,CAAC;AAClC,CAAC,CAAC"}

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

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

package/dist/components/LibraryItemsList/FiltersPanel/FiltersPanel.js

@@ -0,0 +1,124 @@
+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 { DownOutlined } from '@ant-design/icons';
+import { faAngleLeft } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { Button, Dropdown, Space } from 'antd';
+import { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd';
+import { useTranslation } from 'react-i18next';
+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 Filter from './Filter/Filter';
+const Wrapper = styled.div `
+    width: 100%;
+    display: flex;
+    flex-flow: column nowrap;
+    border-right: ${themeVars.borderLightColor} 1px solid;
+    overflow-y: auto;
+    width: 1000px;
+`;
+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: flex;
+            align-items: center;
+            justify-content: center;
+            column-gap: 8px;
+            grid-template-columns: repeat(2, auto);
+        }
+    }
+`;
+const FiltersWrapper = styled.div `
+    height: calc(100% - 7rem);
+    overflow: auto;
+`;
+const ListFilters = styled.div `
+    display: grid;
+`;
+function FiltersPanel() {
+    const { t } = useTranslation();
+    const { state: searchState, dispatch: searchDispatch } = useSearchReducer();
+    const _resetFilters = () => {
+        searchDispatch({ type: SearchActionTypes.RESET_FILTERS });
+    };
+    const _disableFilters = () => {
+        searchDispatch({ type: SearchActionTypes.DISABLE_FILTERS });
+    };
+    const _enableFilters = () => {
+        searchDispatch({ type: SearchActionTypes.ENABLE_FILTERS });
+    };
+    const _handleHide = () => {
+        searchDispatch({ type: SearchActionTypes.SET_SIDEBAR, visible: false, sidebarType: searchState.sideBar.type });
+    };
+    const onDragEnd = (result, provided) => {
+        if (!result.destination) {
+            return;
+        }
+        const newFilter = searchState.filters
+            .map(filter => {
+            return {
+                ...filter,
+                index: result.source.index === filter.index
+                    ? result.destination.index
+                    : result.destination.index === filter.index
+                        ? result.source.index
+                        : filter.index
+            };
+        })
+            .sort((a, b) => a.index - b.index);
+        searchDispatch({
+            type: SearchActionTypes.SET_FILTERS,
+            filters: newFilter
+        });
+    };
+    const filtersSorted = searchState.filters.sort((a, b) => a.index - b.index);
+    const _handleApplyFilters = () => {
+        searchDispatch({ type: SearchActionTypes.APPLY_FILTERS });
+    };
+    const allFiltersDisabled = searchState.filters.every(f => f.active === false);
+    const allFiltersEnabled = searchState.filters.every(f => f.active === true);
+    return (_jsxs(Wrapper, { children: [_jsxs(Header, { children: [_jsx(Dropdown, { menu: {
+                            items: [
+                                {
+                                    key: 'disable',
+                                    disabled: allFiltersDisabled,
+                                    onClick: _disableFilters,
+                                    label: t('filters.disable-filters')
+                                },
+                                {
+                                    key: 'enable',
+                                    disabled: allFiltersEnabled,
+                                    onClick: _enableFilters,
+                                    label: t('filters.enable-filters')
+                                },
+                                {
+                                    key: 'remove',
+                                    disabled: !searchState.filters.length,
+                                    onClick: _resetFilters,
+                                    label: t('filters.remove-filters')
+                                }
+                            ]
+                        }, children: _jsxs(Button, { type: "text", style: { display: 'inline-flex' }, children: [t('filters.filters'), _jsx(DownOutlined, { style: { marginTop: '5px', marginLeft: '-3px' } })] }) }), _jsxs(Space, { size: "small", children: [_jsx(Button, { disabled: !searchState.filters.length, onClick: _handleApplyFilters, children: t('filters.apply') }), _jsx(Button, { onClick: _handleHide, icon: _jsx(FontAwesomeIcon, { icon: faAngleLeft }) })] })] }), _jsx(FiltersWrapper, { children: _jsx(DragDropContext, { onDragEnd: onDragEnd, children: _jsx(Droppable, { droppableId: 'droppable', children: providedDroppable => (_jsxs(ListFilters, { ...providedDroppable.droppableProps, ref: providedDroppable.innerRef, children: [filtersSorted.map(filter => (_jsx(Draggable, { draggableId: filter.index.toString(), index: filter.index, children: provided => (_jsx("div", { ref: provided.innerRef, ...provided.draggableProps, children: _jsx(Filter, { filter: filter, handleProps: provided.dragHandleProps }, filter.index) })) }, filter.index))), providedDroppable.placeholder] })) }) }) })] }));
+}
+export default FiltersPanel;

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

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

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

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

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

@@ -0,0 +1,5 @@
+// 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 FiltersPanel from './FiltersPanel';
+export default FiltersPanel;

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

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

package/dist/components/LibraryItemsList/FiltersPanel/mustHideValue.d.ts

@@ -0,0 +1,3 @@
+import { AttributeConditionType } from '../../../types/search';
+declare const _default: (condition: AttributeConditionType) => boolean;
+export default _default;

package/dist/components/LibraryItemsList/FiltersPanel/mustHideValue.js

@@ -0,0 +1,16 @@
+// 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 { AttributeConditionFilter } from '../../../types/search';
+export default (condition) => {
+    const noValueConditions = [
+        AttributeConditionFilter.IS_EMPTY,
+        AttributeConditionFilter.IS_NOT_EMPTY,
+        AttributeConditionFilter.TODAY,
+        AttributeConditionFilter.TOMORROW,
+        AttributeConditionFilter.YESTERDAY,
+        AttributeConditionFilter.LAST_MONTH,
+        AttributeConditionFilter.NEXT_MONTH
+    ];
+    return noValueConditions.includes(condition);
+};

package/dist/components/LibraryItemsList/FiltersPanel/mustHideValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mustHideValue.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/FiltersPanel/mustHideValue.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AAEtE,OAAO,EAAC,wBAAwB,EAAyB,MAAM,kBAAkB,CAAC;AAElF,eAAe,CAAC,SAAiC,EAAW,EAAE;IAC1D,MAAM,iBAAiB,GAA6B;QAChD,wBAAwB,CAAC,QAAQ;QACjC,wBAAwB,CAAC,YAAY;QACrC,wBAAwB,CAAC,KAAK;QAC9B,wBAAwB,CAAC,QAAQ;QACjC,wBAAwB,CAAC,SAAS;QAClC,wBAAwB,CAAC,UAAU;QACnC,wBAAwB,CAAC,UAAU;KACtC,CAAC;IAEF,OAAO,iBAAiB,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;AACjD,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ViewTypes } from '../../../_gqlTypes';
+interface IIconViewTypeProps {
+    style?: React.CSSProperties;
+    type: ViewTypes;
+}
+declare const IconViewType: ({ type, style }: IIconViewTypeProps) => JSX.Element;
+export default IconViewType;

package/dist/components/LibraryItemsList/IconViewType/IconViewType.js

@@ -0,0 +1,17 @@
+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 { AppstoreFilled, CalendarOutlined, MenuOutlined } from '@ant-design/icons';
+import { ViewTypes } from '../../../_gqlTypes';
+const IconViewType = ({ type, style }) => {
+    switch (type) {
+        case ViewTypes.list:
+            return _jsx(MenuOutlined, { style: style });
+        case ViewTypes.cards:
+            return _jsx(AppstoreFilled, { style: style });
+        case ViewTypes.timeline:
+            return _jsx(CalendarOutlined, { style: style });
+    }
+};
+export default IconViewType;

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconViewType.js","sourceRoot":"","sources":["../../../../src/components/LibraryItemsList/IconViewType/IconViewType.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,cAAc,EAAE,gBAAgB,EAAE,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAEjF,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AAOxC,MAAM,YAAY,GAAG,CAAC,EAAC,IAAI,EAAE,KAAK,EAAqB,EAAE,EAAE;IACvD,QAAQ,IAAI,EAAE;QACV,KAAK,SAAS,CAAC,IAAI;YACf,OAAO,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QAC1C,KAAK,SAAS,CAAC,KAAK;YAChB,OAAO,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QAC5C,KAAK,SAAS,CAAC,QAAQ;YACnB,OAAO,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;KACjD;AACL,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

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

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

@@ -0,0 +1,5 @@
+// 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 IconViewType from './IconViewType';
+export default IconViewType;

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

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

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

@@ -0,0 +1,13 @@
+import { FunctionComponent } from 'react';
+import { CSSObject } from 'styled-components';
+import { SearchMode } from '../../types/search';
+import { ILibraryDetailExtended } from '../../_queries/libraries/getLibraryDetailExtendQuery';
+interface ILibraryItemsListProps {
+    selectionMode?: boolean;
+    library: ILibraryDetailExtended;
+    style?: CSSObject;
+    showTransparency?: boolean;
+    mode?: SearchMode;
+}
+export declare const LibraryItemsList: FunctionComponent<ILibraryItemsListProps>;
+export default LibraryItemsList;

package/dist/components/LibraryItemsList/LibraryItemsList.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ErrorDisplay, ErrorDisplayTypes, Loading } from '../../index';
+import useLibraryView from './hooks/useLibraryView/useLibraryView';
+import LibraryItemsListContent from './LibraryItemsListContent';
+export const LibraryItemsList = ({ selectionMode, library, style, showTransparency, mode }) => {
+    const { loading: libraryViewLoading, view: libraryView } = useLibraryView(library);
+    const hasAccess = library.permissions.access_library;
+    if (!hasAccess) {
+        return _jsx(ErrorDisplay, { type: ErrorDisplayTypes.PERMISSION_ERROR });
+    }
+    if (libraryViewLoading) {
+        return _jsx(Loading, {});
+    }
+    return (_jsx(LibraryItemsListContent, { library: library, selectionMode: selectionMode, defaultView: libraryView, style: style, showTransparency: showTransparency, mode: mode }));
+};
+export default LibraryItemsList;

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

@@ -0,0 +1 @@
+{"version":3,"file":"LibraryItemsList.js","sourceRoot":"","sources":["../../../src/components/LibraryItemsList/LibraryItemsList.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,YAAY,EAAE,iBAAiB,EAAE,OAAO,EAAC,MAAM,WAAW,CAAC;AAGnE,OAAO,cAAc,MAAM,uCAAuC,CAAC;AACnE,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAUhE,MAAM,CAAC,MAAM,gBAAgB,GAA8C,CAAC,EACxE,aAAa,EACb,OAAO,EACP,KAAK,EACL,gBAAgB,EAChB,IAAI,EACP,EAAE,EAAE;IACD,MAAM,EAAC,OAAO,EAAE,kBAAkB,EAAE,IAAI,EAAE,WAAW,EAAC,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAEjF,MAAM,SAAS,GAAG,OAAO,CAAC,WAAW,CAAC,cAAc,CAAC;IAErD,IAAI,CAAC,SAAS,EAAE;QACZ,OAAO,KAAC,YAAY,IAAC,IAAI,EAAE,iBAAiB,CAAC,gBAAgB,GAAI,CAAC;KACrE;IAED,IAAI,kBAAkB,EAAE;QACpB,OAAO,KAAC,OAAO,KAAG,CAAC;KACtB;IAED,OAAO,CACH,KAAC,uBAAuB,IACpB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,IAAI,GACZ,CACL,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { CSSObject } from 'styled-components';
+import { SearchMode } from '../../../types/search';
+import { IView } from '../../../types/views';
+import { ILibraryDetailExtended } from '../../../_queries/libraries/getLibraryDetailExtendQuery';
+interface ILibraryItemsListContentProps {
+    selectionMode?: boolean;
+    library: ILibraryDetailExtended;
+    defaultView: IView;
+    style?: CSSObject;
+    showTransparency?: boolean;
+    mode?: SearchMode;
+}
+declare function LibraryItemsListContent({ selectionMode, library, defaultView, showTransparency, style }: ILibraryItemsListContentProps): JSX.Element;
+export default LibraryItemsListContent;

package/dist/components/LibraryItemsList/LibraryItemsListContent/LibraryItemsListContent.js

@@ -0,0 +1,189 @@
+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 { useQuery } from '@apollo/client';
+import { useEffect, useMemo, useReducer } from 'react';
+import styled from 'styled-components';
+import { SearchContext } from '../../../components/LibraryItemsList/hooks/useSearchReducer/searchContext';
+import searchReducer, { initialSearchState, SearchActionTypes } from '../../../components/LibraryItemsList/hooks/useSearchReducer/searchReducer';
+import { ErrorDisplay, Loading, useGetRecordUpdatesSubscription, useLang } from '../../../index';
+import { useSaveUserDataMutation } from '../../../_gqlTypes';
+import { getRecordsFromLibraryQuery } from '../../../_queries/records/getRecordsFromLibraryQuery';
+import { objectValueVersionToArray } from '../../../_utils';
+import { getRequestFromFilters } from '../../../_utils/getRequestFromFilter';
+import { getSelectedViewKey, viewSettingsField } from '../constants';
+import DisplayTypeSelector from '../DisplayTypeSelector';
+import extractAttributesFromLibrary from '../helpers/extractAttributesFromLibrary';
+import getFieldFromKey from '../helpers/getFieldFromKey';
+import LibraryItemsListEmpty from '../LibraryItemsListEmpty';
+import { manageItems } from '../manageItems';
+import MenuItemList from '../MenuItemList';
+import MenuItemListSelected from '../MenuItemListSelected';
+import Sidebar from '../Sidebar';
+const MenuWrapper = styled.div `
+    border-bottom: 1px solid rgb(235, 237, 240);
+    padding: 0 1rem;
+    height: 4rem;
+
+    display: flex;
+    align-content: center;
+    justify-content: space-around;
+`;
+const panelSize = '22.5rem';
+const Wrapper = styled.div `
+    display: grid;
+
+    ${({ $showSide }) => $showSide
+    ? `
+            grid-template-columns: ${panelSize} calc(100% - ${panelSize});
+            grid-template-rows: 92% auto;
+            grid-template-areas:
+                'side data'
+                'side pagination';`
+    : `
+            grid-template-columns: auto;
+            grid-template-rows: 92% auto;
+            grid-template-areas:
+                'data'
+                'pagination';`}
+
+    height: calc(100vh - 7rem);
+    position: relative;
+    overflow: auto;
+`;
+function LibraryItemsListContent({ selectionMode, library, defaultView, showTransparency, style }) {
+    const { lang } = useLang();
+    const defaultAttributes = extractAttributesFromLibrary(library);
+    const _getFieldsFromView = (view) => !!view.settings?.find(s => s.name === viewSettingsField)
+        ? view.settings
+            .find(s => s.name === viewSettingsField)
+            .value.reduce((acc, fieldKey) => {
+            const field = getFieldFromKey(fieldKey, library, defaultAttributes, lang);
+            return field ? [...acc, field] : acc;
+        }, [])
+        : [];
+    const [searchState, searchDispatch] = useReducer(searchReducer, {
+        ...initialSearchState,
+        library,
+        loading: true,
+        attributes: defaultAttributes,
+        trees: library.linkedTrees,
+        fields: _getFieldsFromView(defaultView),
+        filters: defaultView.filters,
+        sort: defaultView.sort,
+        display: defaultView.display,
+        view: {
+            current: defaultView,
+            reload: false,
+            sync: true
+        },
+        lang,
+        valuesVersions: defaultView.valuesVersions,
+        showTransparency
+    });
+    useGetRecordUpdatesSubscription({ libraries: [library.id] });
+    const [updateSelectedViewMutation] = useSaveUserDataMutation();
+    const selectedViewKey = getSelectedViewKey(library.id);
+    const _applyResults = (data) => {
+        const itemsFromQuery = data ? data.records.list : [];
+        const newRecords = manageItems({
+            items: itemsFromQuery,
+            fields: searchState.fields
+        });
+        searchDispatch({
+            type: SearchActionTypes.UPDATE_RESULT,
+            records: newRecords,
+            totalCount: data?.records.totalCount ?? searchState.totalCount
+        });
+    };
+    const _getVersionForRequest = () => searchState.valuesVersions
+        ? objectValueVersionToArray(searchState.valuesVersions).filter(v => !!v.treeNodeId)
+        : [];
+    // We're using a useMemo here to prevent query being fired on every change of searchState.
+    // Subsequent search will be triggered on user request and are handled elsewhere.
+    // We were previously using the skip property of useQuery but it was causing issues with data update
+    const variables = useMemo(() => ({
+        library: library.id,
+        limit: searchState.pagination,
+        offset: searchState.offset,
+        filters: getRequestFromFilters(searchState.filters),
+        sort: searchState.sort,
+        fullText: searchState.fullText,
+        version: _getVersionForRequest()
+    }), []);
+    const { loading: getRecordsLoading, data: searchData, fetchMore: getRecordsFetchMore } = useQuery(getRecordsFromLibraryQuery(searchState.fields, !searchState.offset), {
+        fetchPolicy: 'network-only',
+        variables,
+        onError: err => {
+            searchDispatch({
+                type: SearchActionTypes.UPDATE_RESULT,
+                error: err
+            });
+        }
+    });
+    const _fetchRecords = async () => {
+        try {
+            const queryFilters = getRequestFromFilters(searchState.filters);
+            const currentVariables = {
+                library: library.id,
+                limit: searchState.pagination,
+                offset: searchState.offset,
+                filters: queryFilters,
+                sort: searchState.sort,
+                fullText: searchState.fullText,
+                version: _getVersionForRequest()
+            };
+            // Records have already been fetched, we use fetchMore to make sure
+            // we request the right fields by passing in a whole new query
+            const results = await getRecordsFetchMore({
+                query: getRecordsFromLibraryQuery(searchState.fields, !searchState.offset),
+                variables: currentVariables
+            });
+            const recordsData = results.data;
+            // We have to call applyResults here because onCompleted is not called when fetchMore is used
+            _applyResults(recordsData);
+        }
+        catch (err) {
+            searchDispatch({ type: SearchActionTypes.SET_LOADING, loading: false });
+            // Error is already handled. This try/catch is just to avoid unhandled rejection
+        }
+    };
+    const isLoading = getRecordsLoading || searchState.view.reload || searchState.loading;
+    useEffect(() => {
+        if (searchData) {
+            _applyResults(searchData);
+        }
+    }, [searchData]);
+    useEffect(() => {
+        if (searchState.loading) {
+            _fetchRecords();
+        }
+    }, [searchState.loading]);
+    /**
+     * Called when current view changes. In charge of refetching record and saving last used view
+     */
+    useEffect(() => {
+        if (!searchState.view.reload) {
+            return;
+        }
+        _fetchRecords();
+        updateSelectedViewMutation({
+            variables: {
+                key: selectedViewKey,
+                value: searchState.view.current.id,
+                global: false
+            }
+        });
+        searchDispatch({ type: SearchActionTypes.SET_VIEW_RELOAD, reload: false });
+    }, [selectedViewKey, updateSelectedViewMutation, searchState.view, searchState.fields, searchDispatch, library]);
+    const _reload = () => {
+        searchDispatch({ type: SearchActionTypes.SET_LOADING, loading: true });
+    };
+    // If some elements are selected and the selection type is search, show the selection Menu
+    const menuSelectedActive = (selectionMode && !!searchState.selection.selected.length) || searchState.selection.allSelected;
+    return (_jsxs(SearchContext.Provider, { value: { state: searchState, dispatch: searchDispatch }, children: [_jsxs(MenuWrapper, { children: [_jsx(MenuItemList, { refetch: _reload, library: library }), _jsx(MenuItemListSelected, { active: menuSelectedActive })] }), _jsxs(Wrapper, { "$showSide": searchState.sideBar.visible, className: searchState.sideBar.visible ? 'wrapper-open' : 'wrapper-close', style: style, children: [_jsx(Sidebar, {}), isLoading && _jsx(Loading, {}), !isLoading && searchState.error && _jsx(ErrorDisplay, { message: searchState.error.message }), !isLoading &&
+                        !searchState.error &&
+                        (!searchState.records.length ? _jsx(LibraryItemsListEmpty, {}) : _jsx(DisplayTypeSelector, {}))] })] }));
+}
+export default LibraryItemsListContent;