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

package/src/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/BooleanFilter/BooleanFilter.test.tsx

@@ -1,38 +0,0 @@
-// 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 {render, screen} from '_ui/_tests/testUtils';
-import {mockFilterAttribute} from '_ui/__mocks__/common/filter';
-import BooleanFilter from './BooleanFilter';
-
-beforeEach(() => {
-    Object.defineProperty(window, 'matchMedia', {
-        writable: true,
-        value: jest.fn().mockImplementation(query => ({
-            matches: false,
-            media: query,
-            onchange: null,
-            addListener: jest.fn(), // deprecated
-            removeListener: jest.fn(), // deprecated
-            addEventListener: jest.fn(),
-            removeEventListener: jest.fn(),
-            dispatchEvent: jest.fn()
-        }))
-    });
-});
-
-describe('BooleanFilter', () => {
-    test('Should show switch, checked', async () => {
-        render(<BooleanFilter filter={{...mockFilterAttribute}} updateFilterValue={jest.fn()} />);
-
-        expect(screen.getByRole('switch').getAttribute('aria-checked')).toBe('true');
-    });
-
-    test('Should show switch, unchecked', async () => {
-        render(
-            <BooleanFilter filter={{...mockFilterAttribute, value: {value: false}}} updateFilterValue={jest.fn()} />
-        );
-
-        expect(screen.getByRole('switch').getAttribute('aria-checked')).toBe('false');
-    });
-});

package/src/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/BooleanFilter/BooleanFilter.tsx

@@ -1,23 +0,0 @@
-// 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 {Switch} from 'antd';
-import React from 'react';
-import {IFilterInputProps} from '../../Filter';
-
-function BooleanFilter({filter, updateFilterValue}: IFilterInputProps): JSX.Element {
-    const _handleChange = (value: boolean) => {
-        updateFilterValue({...filter.value, value});
-    };
-
-    return (
-        <Switch
-            disabled={!filter.active}
-            data-test-id="filter-input-boolean"
-            checked={!!filter.value.value}
-            onChange={_handleChange}
-        />
-    );
-}
-
-export default BooleanFilter;

package/src/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/BooleanFilter/index.ts

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

package/src/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/DateBetweenFilter/DateBetweenFilter.test.tsx

@@ -1,14 +0,0 @@
-// 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 {render, screen} from '_ui/_tests/testUtils';
-import {mockFilterAttribute} from '_ui/__mocks__/common/filter';
-import DateBetweenFilter from './DateBetweenFilter';
-
-describe('DateFilter', () => {
-    test('Should have a Date picker', async () => {
-        render(<DateBetweenFilter filter={mockFilterAttribute} updateFilterValue={jest.fn()} />);
-
-        expect(screen.getAllByRole('textbox')).toHaveLength(2);
-    });
-});

package/src/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/DateBetweenFilter/DateBetweenFilter.tsx

@@ -1,43 +0,0 @@
-// 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 {IDateRangeValue} from '@leav/utils';
-import {DatePicker} from 'antd';
-import dayjs from 'dayjs';
-import {themeVars} from '_ui/antdTheme';
-import {IFilterInputProps} from '../../Filter';
-
-const DateBetweenFilter = ({filter, updateFilterValue}: IFilterInputProps) => {
-    const dateRangeValue: IDateRangeValue =
-        (filter?.value?.value as IDateRangeValue)?.from && (filter?.value?.value as IDateRangeValue)?.to
-            ? (filter.value.value as IDateRangeValue)
-            : null;
-    const _handleChange = (value: [dayjs.Dayjs, dayjs.Dayjs] | null) => {
-        if (!value) {
-            updateFilterValue(null);
-            return;
-        }
-
-        // Force time to 00:00:00
-        const [dateFrom, dateTo] = value;
-        dateFrom.startOf('day');
-        dateTo.startOf('day');
-
-        updateFilterValue({...filter.value, value: {from: String(dateFrom.unix()), to: String(dateTo.unix())}});
-    };
-
-    const momentValue: [dayjs.Dayjs, dayjs.Dayjs] = dateRangeValue
-        ? [dayjs(Number(dateRangeValue.from) * 1000), dayjs(Number(dateRangeValue.to) * 1000)]
-        : null;
-
-    return (
-        <DatePicker.RangePicker
-            popupStyle={{background: themeVars.defaultBg}}
-            disabled={!filter.active}
-            onChange={_handleChange}
-            value={momentValue}
-        />
-    );
-};
-
-export default DateBetweenFilter;

package/src/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/DateBetweenFilter/index.ts

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

package/src/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/DateFilter/DateFilter.test.tsx

@@ -1,14 +0,0 @@
-// 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 {render, screen} from '_ui/_tests/testUtils';
-import {mockFilterAttribute} from '_ui/__mocks__/common/filter';
-import DateFilter from './DateFilter';
-
-describe('DateFilter', () => {
-    test('Should have a Date picker', async () => {
-        render(<DateFilter filter={{...mockFilterAttribute, value: {value: '0'}}} updateFilterValue={jest.fn()} />);
-
-        expect(screen.getByRole('textbox', {name: /date/})).toBeInTheDocument();
-    });
-});

package/src/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/DateFilter/DateFilter.tsx

@@ -1,36 +0,0 @@
-// 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 {DatePicker} from 'antd';
-import dayjs from 'dayjs';
-import {themeVars} from '_ui/antdTheme';
-import {IFilterInputProps} from '../../Filter';
-
-const DateFilter = ({filter, updateFilterValue}: IFilterInputProps) => {
-    const _handleChange = (value: dayjs.Dayjs | null) => {
-        if (!value) {
-            updateFilterValue(null);
-            return;
-        }
-
-        // Force time to 00:00:00
-        value.startOf('day');
-
-        updateFilterValue({...filter.value, value: value.unix()});
-    };
-
-    const value = filter?.value?.value ? dayjs(Number(filter.value.value) * 1000) : null;
-
-    return (
-        <DatePicker
-            popupStyle={{background: themeVars.defaultBg}}
-            disabled={!filter.active}
-            onOk={_handleChange}
-            onChange={_handleChange}
-            aria-label="date-filter"
-            value={value}
-        />
-    );
-};
-
-export default DateFilter;

package/src/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/DateFilter/index.ts

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

package/src/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/NumericFilter/NumericFilter.test.tsx

@@ -1,14 +0,0 @@
-// 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 {render, screen} from '_ui/_tests/testUtils';
-import {mockFilterAttribute} from '_ui/__mocks__/common/filter';
-import NumericFilter from './NumericFilter';
-
-describe('NumericFilter', () => {
-    test('Should have a number input', async () => {
-        render(<NumericFilter filter={mockFilterAttribute} updateFilterValue={jest.fn()} />);
-
-        expect(screen.getByRole('spinbutton')).toBeInTheDocument();
-    });
-});

package/src/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/NumericFilter/NumericFilter.tsx

@@ -1,50 +0,0 @@
-// 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 React from 'react';
-import styled from 'styled-components';
-import {IFilterInputProps} from '../../Filter';
-
-const StyledInput = styled(Input)`
-    // Remove arrows on number input
-    && {
-        -moz-appearance: textfield;
-        ::-webkit-inner-spin-button {
-            -webkit-appearance: none;
-            margin: 0;
-        }
-    }
-`;
-
-const NumericFilter = ({filter, updateFilterValue, onPressEnter}: IFilterInputProps) => {
-    const _handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-        // If input is not a valid number, event.target.value will be an empty string
-        const newValue = event.target.value || 0;
-        updateFilterValue({...filter.value, value: newValue});
-    };
-
-    const _handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
-        if (e.key !== 'Enter') {
-            return;
-        }
-
-        e.preventDefault();
-        e.stopPropagation();
-        onPressEnter();
-    };
-
-    const filterValue = isNaN(Number(filter.value.value)) ? '' : (filter.value.value as number);
-
-    return (
-        <StyledInput
-            type="number"
-            disabled={!filter.active}
-            value={filterValue}
-            onChange={_handleChange}
-            onKeyDown={_handleKeyDown}
-        />
-    );
-};
-
-export default NumericFilter;

package/src/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/NumericFilter/index.ts

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

package/src/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/TextFilter/TextFilter.test.tsx

@@ -1,16 +0,0 @@
-// 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 {render, screen} from '_ui/_tests/testUtils';
-import {mockFilterAttribute} from '_ui/__mocks__/common/filter';
-import TextFilter from './TextFilter';
-
-describe('FormText', () => {
-    test('Should have a TextArea', async () => {
-        render(<TextFilter filter={mockFilterAttribute} updateFilterValue={jest.fn()} />);
-
-        const textElement = await screen.findByTestId('filter-textarea');
-
-        expect(textElement).toBeInTheDocument();
-    });
-});

package/src/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/TextFilter/TextFilter.tsx

@@ -1,52 +0,0 @@
-// 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 React from 'react';
-import styled from 'styled-components';
-import {themeVars} from '_ui/antdTheme';
-import {IFilterInputProps} from '../../Filter';
-
-const Text = styled(Input.TextArea)`
-    background: ${themeVars.defaultBg} 0% 0% no-repeat padding-box;
-    border: 1px solid ${themeVars.borderColor};
-    border-radius: 3px;
-`;
-
-const MAX_INPUT_ROWS = 5;
-
-const TextFilter = ({filter, updateFilterValue, onPressEnter}: IFilterInputProps) => {
-    const _handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {
-        const newValue = (event.target.value ?? '').toString();
-
-        updateFilterValue({...filter.value, value: newValue});
-    };
-
-    const _handlePressEnter = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
-        // If holding shift key, keep normal behavior (ie. insert new line)
-        if (e.shiftKey) {
-            return;
-        }
-
-        e.preventDefault();
-        e.stopPropagation();
-        onPressEnter();
-    };
-
-    const value = filter.value.value ? String(filter.value.value) : null;
-    const textRows = value ? value.split('\n').length : 1;
-    const inputRows = textRows <= MAX_INPUT_ROWS ? textRows : MAX_INPUT_ROWS;
-
-    return (
-        <Text
-            disabled={!filter.active}
-            rows={inputRows}
-            value={value}
-            onChange={_handleChange}
-            onPressEnter={_handlePressEnter}
-            data-testid="filter-textarea"
-        />
-    );
-};
-
-export default TextFilter;

package/src/components/LibraryItemsList/FiltersPanel/Filter/FilterInput/TextFilter/index.ts

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

package/src/components/LibraryItemsList/FiltersPanel/Filter/index.ts

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

package/src/components/LibraryItemsList/FiltersPanel/FilterDropdownButton/FilterDropdownButton.tsx

@@ -1,27 +0,0 @@
-// 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, ButtonProps, Typography} from 'antd';
-import React, {ReactNode} from 'react';
-
-interface IFilterDropdownButtonProps extends ButtonProps {
-    children?: ReactNode;
-    secondary?: boolean;
-}
-
-function FilterDropdownButton({children, secondary = false, ...buttonProps}: IFilterDropdownButtonProps): JSX.Element {
-    return (
-        <Button icon={<DownOutlined />} type="text" style={{minWidth: '50%', padding: '0 .5em'}} {...buttonProps}>
-            <Typography.Text
-                ellipsis={{tooltip: true}}
-                type={secondary ? 'secondary' : null}
-                style={{width: 'calc(100% - 1em)'}}
-            >
-                {children}
-            </Typography.Text>
-        </Button>
-    );
-}
-
-export default FilterDropdownButton;

package/src/components/LibraryItemsList/FiltersPanel/FilterDropdownButton/index.ts

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

package/src/components/LibraryItemsList/FiltersPanel/FilterTreeCondition/FilterTreeCondition.test.tsx

@@ -1,23 +0,0 @@
-// 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 {render, screen} from '_ui/_tests/testUtils';
-import {mockAttributeSimple} from '_ui/__mocks__/common/attribute';
-import {mockFilterTree} from '_ui/__mocks__/common/filter';
-import MockSearchContextProvider from '_ui/__mocks__/common/mockSearchContextProvider';
-import FilterTreeCondition from './FilterTreeCondition';
-
-describe('FilterTreeCondition', () => {
-    test('should contain select for condition', async () => {
-        render(
-            <MockSearchContextProvider
-                state={{attributes: [{...mockAttributeSimple, isLink: false, isMultiple: false, library: 'test'}]}}
-            >
-                <FilterTreeCondition filter={mockFilterTree} />
-            </MockSearchContextProvider>
-        );
-        const selectElement = screen.getByTestId('filter-condition-dropdown');
-
-        expect(selectElement).toBeInTheDocument();
-    });
-});

package/src/components/LibraryItemsList/FiltersPanel/FilterTreeCondition/FilterTreeCondition.tsx

@@ -1,54 +0,0 @@
-// 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 {Dropdown} 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';
-import {IFilterTree, TreeConditionFilter} from '_ui/types/search';
-import FilterDropdownButton from '../FilterDropdownButton';
-import {getTreeConditionOptions} from '../FiltersOptions';
-
-interface IFilterTreeConditionProps {
-    filter: IFilterTree;
-}
-
-const FilterTreeCondition = ({filter}: IFilterTreeConditionProps) => {
-    const {t} = useSharedTranslation();
-    const {state: searchState, dispatch: searchDispatch} = useSearchReducer();
-
-    const conditionOptions = getTreeConditionOptions(t);
-
-    const handleOperatorChange = (e: any) => {
-        const newFilters = searchState.filters.map(f => {
-            if (f.index === filter.index) {
-                return {
-                    ...filter,
-                    condition: TreeConditionFilter[e]
-                };
-            }
-
-            return f;
-        });
-
-        searchDispatch({type: SearchActionTypes.SET_FILTERS, filters: newFilters});
-    };
-
-    const menu = {
-        items: conditionOptions.map(condition => ({
-            key: condition.value,
-            onClick: () => handleOperatorChange(condition.value),
-            label: condition.text
-        }))
-    };
-
-    return (
-        <Dropdown disabled={!filter.active} menu={menu} trigger={['click']}>
-            <FilterDropdownButton data-testid="filter-condition-dropdown">
-                {conditionOptions.filter(c => c.value === filter.condition)[0].text}
-            </FilterDropdownButton>
-        </Dropdown>
-    );
-};
-
-export default FilterTreeCondition;

package/src/components/LibraryItemsList/FiltersPanel/FilterTreeCondition/index.ts

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

package/src/components/LibraryItemsList/FiltersPanel/FiltersOptions.tsx

@@ -1,192 +0,0 @@
-// 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 {TFunction} from 'i18next';
-import {
-    AttributeConditionFilter,
-    AttributeConditionType,
-    FilterType,
-    IFilter,
-    IFilterAttribute,
-    OperatorFilter,
-    TreeConditionFilter
-} from '_ui/types/search';
-import {AttributeFormat, RecordFilterCondition} from '_ui/_gqlTypes';
-
-export interface IFilterConditionOption<T> {
-    text: string;
-    value: T;
-    textByFormat?: {[key in AttributeFormat]?: string};
-}
-
-const allowedConditionByFormat: {[format in AttributeFormat]: AttributeConditionType[]} = {
-    [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: TFunction): Array<IFilterConditionOption<AttributeConditionType>> {
-    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: TFunction): Array<IFilterConditionOption<TreeConditionFilter>> {
-    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: TFunction): Array<IFilterConditionOption<OperatorFilter>> {
-    return [
-        {text: t('filters.and'), value: OperatorFilter.AND},
-        {text: t('filters.or'), value: OperatorFilter.OR}
-    ];
-}
-
-export const getConditionOptionsByType = (
-    filter: IFilter,
-    showThroughCondition: boolean,
-    t: TFunction
-): Array<IFilterConditionOption<AttributeConditionType>> => {
-    const _isValuesCountCondition = (condition: AttributeConditionType): boolean => {
-        return [
-            AttributeConditionFilter.VALUES_COUNT_EQUAL,
-            AttributeConditionFilter.VALUES_COUNT_GREATER_THAN,
-            AttributeConditionFilter.VALUES_COUNT_LOWER_THAN
-        ].includes(condition as RecordFilterCondition);
-    };
-
-    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 as IFilterAttribute;
-            if (
-                ((filter as IFilterAttribute).attribute?.format &&
-                    allowedConditionByFormat[attributeFilter.attribute.format]?.includes(conditionOption.value)) ||
-                (attributeFilter.attribute.isMultiple && _isValuesCountCondition(conditionOption.value))
-            ) {
-                return true;
-            }
-        }
-
-        return false;
-    });
-
-    return conditionOptionsByType;
-};