@salesforce/design-system-react/lib/components/time-picker/private/dropdown-trigger.js

Salesforce Lightning Design System for React

'use strict';

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

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _createReactClass = require('create-react-class');

var _createReactClass2 = _interopRequireDefault(_createReactClass);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _input = require('../../forms/input');

var _input2 = _interopRequireDefault(_input);

var _keyCode = require('../../../utilities/key-code');

var _keyCode2 = _interopRequireDefault(_keyCode);

var _constants = require('../../../utilities/constants');

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

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } /* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved */
/* Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */

// # Timepicker Dropdown Trigger

// ## Dependencies

// ### React


// ### Children


// ### Event Helpers


// ## Constants


/**
 *  Component description.
 */
var TimepickerDropdownTrigger = (0, _createReactClass2.default)({
	// ### Display Name
	// Always use the canonical component name (set in the core) as the React
	// display name.
	displayName: _constants.MENU_DROPDOWN_TRIGGER,

	// ### Prop Types
	propTypes: {
		/**
   * Icon for right side of trigger
   */
		iconRight: _propTypes2.default.node,
		/**
   * A unique ID is needed in order to support keyboard navigation, ARIA support, and connect the dropdown to the triggering input.
   */
		id: _propTypes2.default.string,
		/**
   * This label appears above the input.
   */
		label: _propTypes2.default.string,
		/**
   * The dropdown menu.
   */
		menu: _propTypes2.default.node,
		/**
   * Is only called when `openOn` is set to `hover` and when the triggering input loses focus.
   */
		onBlur: _propTypes2.default.func,
		/**
   * This prop is passed onto the triggering `Input`. Triggered when the trigger input is clicked.
   */
		onClick: _propTypes2.default.func,
		/**
   * Is only called when `openOn` is set to `hover` and when the triggering input gains focus.
   */
		onFocus: _propTypes2.default.func,
		/**
   * Called when a key pressed.
   */
		onKeyDown: _propTypes2.default.func,
		/**
   * Called when mouse clicks down on the trigger input.
   */
		onMouseDown: _propTypes2.default.func,
		/**
   * The ref of the actual triggering input.
   */
		triggerRef: _propTypes2.default.func,
		/**
   * Date
   */
		value: _propTypes2.default.string
	},

	// ### Render
	render: function render() {
		var _props = this.props,
		    iconRight = _props.iconRight,
		    menu = _props.menu,
		    onBlur = _props.onBlur,
		    onFocus = _props.onFocus,
		    onKeyDown = _props.onKeyDown,
		    onMouseDown = _props.onMouseDown,
		    triggerRef = _props.triggerRef,
		    props = _objectWithoutProperties(_props, ['iconRight', 'menu', 'onBlur', 'onFocus', 'onKeyDown', 'onMouseDown', 'triggerRef']);

		return (
			/* eslint-disable jsx-a11y/no-static-element-interactions */
			_react2.default.createElement(
				'div',
				{
					onBlur: onBlur,
					onFocus: onFocus,
					onKeyDown: this.handleKeyDown,
					onMouseDown: onMouseDown
				},
				_react2.default.createElement(
					_input2.default,
					_extends({ iconRight: iconRight }, props, { inputRef: triggerRef }),
					menu
				)
			)
		);
	},
	handleKeyDown: function handleKeyDown(event) {
		if (this.props.onKeyDown && event.keyCode) {
			if (event.keyCode === _keyCode2.default.ENTER || event.keyCode === _keyCode2.default.DOWN || event.keyCode === _keyCode2.default.UP || event.keyCode === _keyCode2.default.ESCAPE) {
				this.props.onKeyDown(event);
			}
		}
	}
});

exports.default = TimepickerDropdownTrigger;