UNPKG

uniforms-react-semantic

Version:

Semantic React UI components for uniforms.

182 lines (158 loc) 6.47 kB
'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); var _extends2 = require('babel-runtime/helpers/extends'); var _extends3 = _interopRequireDefault(_extends2); var _jsx2 = require('babel-runtime/helpers/jsx'); var _jsx3 = _interopRequireDefault(_jsx2); var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties'); var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2); var _react = require('react'); var _react2 = _interopRequireDefault(_react); var _propTypes = require('prop-types'); var _propTypes2 = _interopRequireDefault(_propTypes); var _connectField = require('uniforms/connectField'); var _connectField2 = _interopRequireDefault(_connectField); var _semanticUiReact = require('semantic-ui-react'); var _filterSemanticProps = require('./filterSemanticProps'); var _filterSemanticProps2 = _interopRequireDefault(_filterSemanticProps); var _Wrapper = require('./Wrapper'); var _Wrapper2 = _interopRequireDefault(_Wrapper); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } /** * Created by cesar on 4/9/17. */ var Select = function Select(_ref) { var additionLabel = _ref.additionLabel, additionPosition = _ref.additionPosition, allowAdditions = _ref.allowAdditions, as = _ref.as, basic = _ref.basic, button = _ref.button, children = _ref.children, className = _ref.className, closeOnBlur = _ref.closeOnBlur, closeOnChange = _ref.closeOnChange, compact = _ref.compact, defaultOpen = _ref.defaultOpen, defaultSelectedLabel = _ref.defaultSelectedLabel, defaultValue = _ref.defaultValue, disabled = _ref.disabled, error = _ref.error, floating = _ref.floating, fluid = _ref.fluid, header = _ref.header, icon = _ref.icon, inline = _ref.inline, item = _ref.item, labeled = _ref.labeled, loading = _ref.loading, minCharacters = _ref.minCharacters, multiple = _ref.multiple, noResultsMessage = _ref.noResultsMessage, onAddItem = _ref.onAddItem, onBlur = _ref.onBlur, _onChange = _ref.onChange, onClick = _ref.onClick, onClose = _ref.onClose, onFocus = _ref.onFocus, onLabelClick = _ref.onLabelClick, onMouseDown = _ref.onMouseDown, onOpen = _ref.onOpen, onSearchChange = _ref.onSearchChange, open = _ref.open, openOnFocus = _ref.openOnFocus, options = _ref.options, placeholder = _ref.placeholder, pointing = _ref.pointing, renderLabel = _ref.renderLabel, scrolling = _ref.scrolling, search = _ref.search, searchInput = _ref.searchInput, selectOnBlur = _ref.selectOnBlur, selectedLabel = _ref.selectedLabel, selection = _ref.selection, simple = _ref.simple, tabIndex = _ref.tabIndex, text = _ref.text, trigger = _ref.trigger, upward = _ref.upward, value = _ref.value, label = _ref.label, errorMessage = _ref.errorMessage, showInlineError = _ref.showInlineError, props = (0, _objectWithoutProperties3.default)(_ref, ['additionLabel', 'additionPosition', 'allowAdditions', 'as', 'basic', 'button', 'children', 'className', 'closeOnBlur', 'closeOnChange', 'compact', 'defaultOpen', 'defaultSelectedLabel', 'defaultValue', 'disabled', 'error', 'floating', 'fluid', 'header', 'icon', 'inline', 'item', 'labeled', 'loading', 'minCharacters', 'multiple', 'noResultsMessage', 'onAddItem', 'onBlur', 'onChange', 'onClick', 'onClose', 'onFocus', 'onLabelClick', 'onMouseDown', 'onOpen', 'onSearchChange', 'open', 'openOnFocus', 'options', 'placeholder', 'pointing', 'renderLabel', 'scrolling', 'search', 'searchInput', 'selectOnBlur', 'selectedLabel', 'selection', 'simple', 'tabIndex', 'text', 'trigger', 'upward', 'value', 'label', 'errorMessage', 'showInlineError']); return (0, _jsx3.default)(_Wrapper2.default, { showInlineError: showInlineError, errorMessage: errorMessage, error: error, label: label }, void 0, _react2.default.createElement(_semanticUiReact.Select, (0, _extends3.default)({}, (0, _filterSemanticProps2.default)(props), { additionLabel: additionLabel, additionPosition: additionPosition, allowAdditions: allowAdditions, as: as, basic: basic, button: button, children: children, className: className, closeOnBlur: closeOnBlur, closeOnChange: closeOnChange, compact: compact, defaultOpen: defaultOpen, defaultSelectedLabel: defaultSelectedLabel, defaultValue: !value ? defaultValue : undefined, disabled: disabled, error: !!error, floating: floating, fluid: fluid, header: header, icon: icon, inline: inline, item: item, labeled: labeled, loading: loading, minCharacters: minCharacters, multiple: multiple, noResultsMessage: noResultsMessage, onAddItem: onAddItem, onBlur: onBlur, onClick: onClick, onClose: onClose, onFocus: onFocus, onLabelClick: onLabelClick, onMouseDown: onMouseDown, onOpen: onOpen, onSearchChange: onSearchChange, open: open, openOnFocus: openOnFocus, options: options, placeholder: placeholder, pointing: pointing, renderLabel: renderLabel, scrolling: scrolling, search: search, searchInput: searchInput, selectOnBlur: selectOnBlur, selectedLabel: selectedLabel, selection: selection, simple: simple, tabIndex: tabIndex, text: text, trigger: trigger, upward: upward, value: value, onChange: function onChange(event, data) { _onChange(data.value); } }))); }; Select.propTypes = process.env.NODE_ENV !== "production" ? (0, _extends3.default)({ errorMessage: _propTypes2.default.string, showInlineError: _propTypes2.default.bool, errorLabel: _propTypes2.default.element }, _semanticUiReact.Select.propTypes) : {}; exports.default = (0, _connectField2.default)(Select, { includeInChain: false });