@talend/react-components/lib/DateTimePickers/views/HeaderTitle/HeaderTitle.component.js

Set of react components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var _format = require("date-fns/format");
var _setMonth = require("date-fns/setMonth");
var _setYear = require("date-fns/setYear");
var _propTypes = _interopRequireDefault(require("prop-types"));
var _Actions = require("../../../Actions");
var _generator = require("../../generator");
var _YearPicker = _interopRequireDefault(require("../../pickers/YearPicker"));
var _HeaderTitleModule = _interopRequireDefault(require("./HeaderTitle.module.scss"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function HeaderTitle(props) {
  const isButton = !!props.button;
  const className = (0, _classnames.default)({
    'btn-tertiary btn-info': isButton
  }, props.className);
  const pickerLocale = (0, _generator.getPickerLocale)();
  const date = (0, _setYear.setYear)((0, _setMonth.setMonth)(new Date(0), props.monthIndex), props.year);
  const yearLabel = (0, _format.format)(date, 'yyyy', pickerLocale);
  const monthLabel = (0, _format.format)(date, 'MMMM', pickerLocale);
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
    className: _HeaderTitleModule.default.common,
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      className: _HeaderTitleModule.default.month,
      children: isButton ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Actions.Action, {
        className: className,
        label: monthLabel,
        ...props.button
      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
        className: className,
        children: monthLabel
      })
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Actions.ActionDropdown, {
      className: "btn-tertiary btn-info",
      label: yearLabel,
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_YearPicker.default, {
        id: "year-picker-in-datetime-header",
        "data-feature": "actiondropdown.items",
        onSelect: props.onSelectYear
      })
    })]
  });
}
HeaderTitle.propTypes = {
  monthIndex: _propTypes.default.number.isRequired,
  year: _propTypes.default.number.isRequired,
  button: _propTypes.default.object,
  className: _propTypes.default.string,
  onSelectYear: _propTypes.default.func
};
var _default = exports.default = HeaderTitle;
//# sourceMappingURL=HeaderTitle.component.js.map