@integec/common-react-screens/lib/generic-view/DateCriteria.js

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _semanticUiReact = require('semantic-ui-react');

var _commonComponents = require('../common-components');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

var DateCriteria = function DateCriteria(_ref) {
  var style = _ref.style,
      className = _ref.className,
      loading = _ref.loading,
      data = _ref.data,
      headers = _ref.headers,
      criteria = _ref.criteria,
      onCriteriaChange = _ref.onCriteriaChange,
      onRetrieve = _ref.onRetrieve,
      fuzzyFilter = _ref.fuzzyFilter,
      onFuzzyFilterChange = _ref.onFuzzyFilterChange,
      title = _ref.title,
      onImport = _ref.onImport,
      comboProps = _ref.comboProps,
      onSubmit = _ref.onSubmit,
      onShowSubmitDetail = _ref.onShowSubmitDetail,
      setDate = _ref.setDate,
      date = _ref.date,
      dateProps = _ref.dateProps,
      onSave = _ref.onSave,
      saveEnabled = _ref.saveEnabled,
      UnitGroupDropdown = _ref.UnitGroupDropdown,
      hideDate = _ref.hideDate;
  return _react2.default.createElement(
    'div',
    { style: style, className: className },
    !hideDate && _react2.default.createElement(_commonComponents.DatePicker, {
      date: date,
      setDate: setDate,
      dateProps: dateProps,
      onChange: function onChange(date) {
        return onCriteriaChange(date);
      }
    }),
    UnitGroupDropdown && _react2.default.createElement(UnitGroupDropdown, { style: { marginLeft: '5px' } }),
    comboProps && comboProps.label && _react2.default.createElement(
      'b',
      { style: { marginLeft: '5px' } },
      comboProps.label,
      ' :'
    ),
    comboProps && _react2.default.createElement(_semanticUiReact.Dropdown, {
      style: { marginLeft: '5px' },
      value: criteria[comboProps.criteriaKey] || '',
      placeholder: comboProps.placeholder || 'Select a Value',
      onChange: function onChange(_, _ref2) {
        var value = _ref2.value;
        return onCriteriaChange(_defineProperty({}, comboProps.criteriaKey, value));
      },
      selection: true,
      options: comboProps.options,
      'data-testid': comboProps.testid
    }),
    _react2.default.createElement(
      _semanticUiReact.Button,
      {
        style: { marginLeft: '5px' },
        primary: true,
        loading: loading,
        onClick: onRetrieve,
        'data-testid': 'criteria-retrieve'
      },
      'Retrieve'
    ),
    _react2.default.createElement(_semanticUiReact.Input, {
      'data-testid': 'criteria-filter-input',
      value: fuzzyFilter,
      onChange: function onChange(_, _ref3) {
        var value = _ref3.value;
        return onFuzzyFilterChange(value);
      }
    }),
    onSave && _react2.default.createElement(
      _semanticUiReact.Button,
      {
        style: { marginLeft: '5px' },
        onClick: onSave,
        loading: loading,
        'data-testid': 'criteria-save',
        disabled: !saveEnabled,
        color: !saveEnabled ? 'grey' : 'red'
      },
      'Save'
    ),
    _react2.default.createElement(_commonComponents.ExportButton, {
      btnStyle: { marginLeft: '5px' },
      headers: headers,
      data: data,
      fileName: title,
      'data-testid': 'criteria-export'
    }),
    onImport && _react2.default.createElement(
      _semanticUiReact.Button,
      {
        style: { marginLeft: '5px' },
        onClick: onImport,
        loading: loading,
        'data-testid': 'criteria-import'
      },
      'Import'
    ),
    onSubmit && _react2.default.createElement(
      _semanticUiReact.Button,
      {
        style: { marginLeft: '5px' },
        secondary: true,
        onClick: onSubmit,
        loading: loading,
        'data-testid': 'criteria-submit'
      },
      'Submit'
    ),
    onShowSubmitDetail && _react2.default.createElement(
      _semanticUiReact.Button,
      {
        style: { marginLeft: '5px' },
        onClick: onShowSubmitDetail,
        loading: loading,
        secondary: true,
        'data-testid': 'criteria-show-submit-detail'
      },
      'Show Submission Detail'
    )
  );
};
//
exports.default = DateCriteria;
//# sourceMappingURL=DateCriteria.js.map