<commit_before>import React from 'react';

import FilterDropdown from '../toolbar/FilterDropdown';
import SortDropdown from '../toolbar/SortDropdown';
import { Sort, Filter } from '../../models/tools';

interface Props {
    labelID: string;
    sort: Sort;
    onSort: (sort: Sort) => void;
    filter: Filter;
    onFilter: (filter: Filter) => void;
    conversationMode: boolean;
    onNavigate: (labelID: string) => void;
}

const ListSettings = ({ sort, onSort, onFilter, onNavigate, filter, labelID, conversationMode }: Props) => {
    return (
        <div className="sticky-top bg-white-dm border-bottom pl0-5 pr0-5 pt0-25 pb0-25 flex flex-wrap flex-justify-space-between">
            <FilterDropdown
                labelID={labelID}
                filter={filter}
                onFilter={onFilter}
                onNavigate={onNavigate}
                hasCaret={false}
                className="bg-global-muted-dm-on-hover opacity-50 rounded pl0-5 pr0-5 pt0-25 pb0-25"
            />
            <SortDropdown
                conversationMode={conversationMode}
                sort={sort}
                onSort={onSort}
                hasCaret={false}
                className="bg-global-muted-dm-on-hover opacity-50 rounded pl0-5 pr0-5 pt0-25 pb0-25"
            /><commit_msg>[MAILWEB-1951] hotfix - put element above focus-ring<commit_after>import React from 'react';

import FilterDropdown from '../toolbar/FilterDropdown';
import SortDropdown from '../toolbar/SortDropdown';
import { Sort, Filter } from '../../models/tools';

interface Props {
    labelID: string;
    sort: Sort;
    onSort: (sort: Sort) => void;
    filter: Filter;
    onFilter: (filter: Filter) => void;
    conversationMode: boolean;
    onNavigate: (labelID: string) => void;
}

const ListSettings = ({ sort, onSort, onFilter, onNavigate, filter, labelID, conversationMode }: Props) => {
    return (
        <div className="sticky-top z10 bg-white-dm border-bottom pl0-5 pr0-5 pt0-25 pb0-25 flex flex-wrap flex-justify-space-between">
            <FilterDropdown
                labelID={labelID}
                filter={filter}
                onFilter={onFilter}
                onNavigate={onNavigate}
                hasCaret={false}
                className="bg-global-muted-dm-on-hover opacity-50 rounded pl0-5 pr0-5 pt0-25 pb0-25"
            />
            <SortDropdown
                conversationMode={conversationMode}
                sort={sort}
                onSort={onSort}
                hasCaret={false}
                className="bg-global-muted-dm-on-hover opacity-50 rounded pl0-5 pr0-5 pt0-25 pb0-25"
            />
{'fraction_non_alphanumeric': 0.1200302915562287, 'fraction_numerical': 0.028019689511548655, 'mean_word_length': 2.1340450771055752, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 17, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4261752', 'n_tokens_mistral': 812, 'n_tokens_neox': 781, 'n_words': 178}