@talend/react-components

Version:
Set of react components.
github.com/Talend/ui/tree/master/packages/components
57 lines (56 loc) • 2.16 kB
JavaScript
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _Actions = require("../../../../Actions");
var _MonthPicker = _interopRequireDefault(require("../../pickers/MonthPicker"));
var _ViewLayout = _interopRequireDefault(require("../ViewLayout"));
var _HeaderTitle = _interopRequireDefault(require("../HeaderTitle"));
var _translate = _interopRequireDefault(require("../../../../translate"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function MonthYearView(props) {
  const header = {
    leftElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Actions.Action, {
      label: "",
      "aria-label": props.t('DATEPICKER_TO_DATE_VIEW', {
        defaultValue: 'Switch to date-and-time view'
      }),
      icon: "talend-arrow-left",
      onClick: props.onBackClick,
      tabIndex: props.allowFocus ? 0 : -1,
      className: "btn-tertiary btn-info"
    }),
    middleElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderTitle.default, {
      monthIndex: props.selectedMonthIndex,
      year: props.selectedYear,
      onSelectYear: props.onSelectYear
    })
  };
  const bodyElement = /*#__PURE__*/(0, _jsxRuntime.jsx)(_MonthPicker.default, {
    allowFocus: props.allowFocus,
    selectedMonthIndex: props.selectedMonthIndex,
    selectedYear: props.selectedYear,
    onSelect: props.onSelectMonth
  });
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ViewLayout.default, {
    header: header,
    bodyElement: bodyElement
  });
}
MonthYearView.propTypes = {
  allowFocus: _propTypes.default.bool,
  selectedMonthIndex: _propTypes.default.number.isRequired,
  selectedYear: _propTypes.default.number.isRequired,
  onBackClick: _propTypes.default.func.isRequired,
  onSelectMonth: _propTypes.default.func.isRequired,
  onSelectYear: _propTypes.default.func.isRequired,
  t: _propTypes.default.func
};
MonthYearView.defaultProps = {
  t: (0, _translate.default)()
};
var _default = exports.default = MonthYearView;
//# sourceMappingURL=MonthYearView.component.js.map