<commit_before>/* global React */
// sc_require('react/dg-react');

DG.React.ready(function () {
  var
      // div = React.DOM.div,
      // p = React.DOM.p,
      // ul = React.DOM.ul,
      // li = React.DOM.li,
      span = React.DOM.span//,
      // italic = React.DOM.i,
      // h1 = React.DOM.h1,
      // h2 = React.DOM.h2,
      // table = React.DOM.table,
      // tbody = React.DOM.tbody,
      // tr = React.DOM.tr,
      // td = React.DOM.td,
      // input = React.DOM.input
      // kLeftAngleBracketChar = '&#x2039;',
      // kRightAngleBracketChar = '&#x203a;',
      // kInfoIconChar = '&#9432;';
  ;

  DG.React.Components.NavButtons = DG.React.createComponent(
      (function () {

        return {

          getInitialState: function () {
            return {};
          },

          componentDidMount: function () {
          },

          componentWillUnmount: function () {
          },

          componentWillReceiveProps: function (iNewProps) {
          },

          handleChange: function (iEvent) {
          },

          getPrevious: function () {
            this.props.onPrevious(this.props.collectionClient, this.props.caseIndex);
          },

          getNext: function () {
            this.props.onNext(this.props.collectionClient, this.props.caseIndex);
          },

          render: function () {
            var tCaseIndex = this.props.caseIndex,
                tFirstButton = (!SC.none(tCaseIndex) && tCaseIndex <= 1) ? '' :
                span({
                  className: 'moonicon-icon-reverse-play',
                  onClick: this.getPrevious
                }),
                tSecondButton = (!SC.none(tCaseIndex) && tCaseIndex >= this.props.numCases) ? '' :
                    span({
                      className: 'moonicon-icon-play',
                      onClick: this.getNext
                    }),
                tButtonPair = span({
                      className: 'navbuttons-arrow'
                    }, tFirstButton, tSecondButton
                );
            return span({className: 'react-data-card-navbuttons'}, tButtonPair);
          }
        };
      })(), []);

});<commit_msg>'Prev' nav button now stays in place when 'next' button disappears.<commit_after>/* global React */
// sc_require('react/dg-react');

DG.React.ready(function () {
  var
      // div = React.DOM.div,
      // p = React.DOM.p,
      // ul = React.DOM.ul,
      // li = React.DOM.li,
      span = React.DOM.span//,
      // italic = React.DOM.i,
      // h1 = React.DOM.h1,
      // h2 = React.DOM.h2,
      // table = React.DOM.table,
      // tbody = React.DOM.tbody,
      // tr = React.DOM.tr,
      // td = React.DOM.td,
      // input = React.DOM.input
      // kLeftAngleBracketChar = '&#x2039;',
      // kRightAngleBracketChar = '&#x203a;',
      // kInfoIconChar = '&#9432;';
  ;

  DG.React.Components.NavButtons = DG.React.createComponent(
      (function () {

        return {

          getInitialState: function () {
            return {};
          },

          componentDidMount: function () {
          },

          componentWillUnmount: function () {
          },

          componentWillReceiveProps: function (iNewProps) {
          },

          handleChange: function (iEvent) {
          },

          getPrevious: function () {
            this.props.onPrevious(this.props.collectionClient, this.props.caseIndex);
          },

          getNext: function () {
            this.props.onNext(this.props.collectionClient, this.props.caseIndex);
          },

          render: function () {
            var tCaseIndex = this.props.caseIndex,
                tFirstButton = (!SC.none(tCaseIndex) && tCaseIndex <= 1) ? '' :
                span({
                  className: 'moonicon-icon-reverse-play',
                  onClick: this.getPrevious
                }),
                tSecondButton = (!SC.none(tCaseIndex) && tCaseIndex >= this.props.numCases) ?
                    span({
                      className: 'moonicon-icon-play',
                      style: { 'color': 'transparent', 'cursor': 'default'}
                    }) :
                    span({
                      className: 'moonicon-icon-play',
                      onClick: this.getNext
                    }),
                tButtonPair = span({
                      className: 'navbuttons-arrow'
                    }, tFirstButton, tSecondButton
                );
            return span({className: 'react-data-card-navbuttons'}, tButtonPair);
          }
        };
      })(), []);

});
{'fraction_non_alphanumeric': 0.14151356080489938, 'fraction_numerical': 0.00699912510936133, 'mean_word_length': 1.3980073413738856, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, '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': '5703598', 'n_tokens_mistral': 1342, 'n_tokens_neox': 1276, 'n_words': 210}