<commit_before>import {PageableControls} from './pageableControls'
import {PageableData} from './pageableData'
import {PageableInfo} from './pageableInfo'
import {Provider} from './pageableContext'
import {compose} from 'compose'
import {connect} from 'store'
import {selectFrom} from 'stateUtils'
import Keybinding from 'widget/keybinding'
import PropTypes from 'prop-types'
import React from 'react'
import _ from 'lodash'

const mapStateToProps = state => ({
    dimensions: selectFrom(state, 'dimensions') || []
})

class _Pageable extends React.Component {
    state = {}

    render() {
        const {pageItems, count, start, stop, direction} = this.state
        const {children} = this.props
        const isFirstPage = this.isFirstPage()
        const isLastPage = this.isLastPage()
        const isSinglePage = isFirstPage && isLastPage
        return (
            <Keybinding keymap={{
                'Ctrl+Shift+ArrowLeft': () => this.firstPage(),
                'Ctrl+ArrowLeft': () => this.previousPage(),
                'Ctrl+ArrowRight': () => this.nextPage()
            }}>
                <Provider value={{
                    items: pageItems,
                    count,
                    start,
                    stop,
                    direction,
                    isFirstPage,
                    isLastPage,
                    isSinglePage,
                    firstPage: () => this.firstPage(),<commit_msg>Changed Pageable keybindings conflicting with Tabs.<commit_after>import {PageableControls} from './pageableControls'
import {PageableData} from './pageableData'
import {PageableInfo} from './pageableInfo'
import {Provider} from './pageableContext'
import {compose} from 'compose'
import {connect} from 'store'
import {selectFrom} from 'stateUtils'
import Keybinding from 'widget/keybinding'
import PropTypes from 'prop-types'
import React from 'react'
import _ from 'lodash'

const mapStateToProps = state => ({
    dimensions: selectFrom(state, 'dimensions') || []
})

class _Pageable extends React.Component {
    state = {}

    render() {
        const {pageItems, count, start, stop, direction} = this.state
        const {children} = this.props
        const isFirstPage = this.isFirstPage()
        const isLastPage = this.isLastPage()
        const isSinglePage = isFirstPage && isLastPage
        return (
            <Keybinding keymap={{
                'Alt+Shift+ArrowLeft': () => this.firstPage(),
                'Alt+ArrowLeft': () => this.previousPage(),
                'Alt+ArrowRight': () => this.nextPage()
            }}>
                <Provider value={{
                    items: pageItems,
                    count,
                    start,
                    stop,
                    direction,
                    isFirstPage,
                    isLastPage,
                    isSinglePage,
                    firstPage: () => this.firstPage(),
{'fraction_non_alphanumeric': 0.1117184830884865, 'fraction_numerical': 0.0, 'mean_word_length': 2.0724029380902413, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 15, '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': '2490382', 'n_tokens_mistral': 769, 'n_tokens_neox': 751, 'n_words': 198}