1 | "use strict";
|
2 |
|
3 | var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4 |
|
5 | Object.defineProperty(exports, "__esModule", {
|
6 | value: true
|
7 | });
|
8 | exports["default"] = void 0;
|
9 |
|
10 | var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11 |
|
12 | var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
13 |
|
14 | var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
15 |
|
16 | var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
17 |
|
18 | var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
19 |
|
20 | var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
21 |
|
22 | var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
23 |
|
24 | var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
25 |
|
26 | var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
27 |
|
28 | var _classnames = _interopRequireDefault(require("classnames"));
|
29 |
|
30 | var _react = _interopRequireDefault(require("react"));
|
31 |
|
32 | var _Hint = _interopRequireDefault(require("../Hint"));
|
33 |
|
34 | var _Input = _interopRequireDefault(require("../Input"));
|
35 |
|
36 | var _utils = require("../../utils");
|
37 |
|
38 | var _excluded = ["children", "className", "inputClassName", "inputRef", "referenceElementRef", "selected"];
|
39 |
|
40 | function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
41 |
|
42 | function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
43 |
|
44 | var TypeaheadInputMulti = function (_React$Component) {
|
45 | (0, _inherits2["default"])(TypeaheadInputMulti, _React$Component);
|
46 |
|
47 | var _super = _createSuper(TypeaheadInputMulti);
|
48 |
|
49 | function TypeaheadInputMulti() {
|
50 | var _this;
|
51 |
|
52 | (0, _classCallCheck2["default"])(this, TypeaheadInputMulti);
|
53 |
|
54 | for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
55 | args[_key] = arguments[_key];
|
56 | }
|
57 |
|
58 | _this = _super.call.apply(_super, [this].concat(args));
|
59 | (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "wrapperRef", _react["default"].createRef());
|
60 | (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_input", null);
|
61 | (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getInputRef", function (input) {
|
62 | _this._input = input;
|
63 |
|
64 | _this.props.inputRef(input);
|
65 | });
|
66 | (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_handleContainerClickOrFocus", function (e) {
|
67 |
|
68 | if (_this.props.disabled) {
|
69 | e.currentTarget.blur();
|
70 | return;
|
71 | }
|
72 |
|
73 | var inputNode = _this._input;
|
74 |
|
75 | if (!inputNode ||
|
76 |
|
77 | e.currentTarget.contains(e.target) && e.currentTarget !== e.target) {
|
78 | return;
|
79 | }
|
80 |
|
81 | if ((0, _utils.isSelectable)(inputNode)) {
|
82 |
|
83 | inputNode.selectionStart = inputNode.value.length;
|
84 | }
|
85 |
|
86 | inputNode.focus();
|
87 | });
|
88 | (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_handleKeyDown", function (e) {
|
89 | var _this$props = _this.props,
|
90 | onKeyDown = _this$props.onKeyDown,
|
91 | selected = _this$props.selected,
|
92 | value = _this$props.value;
|
93 |
|
94 | if (e.key === 'Backspace' && selected.length && !value) {
|
95 |
|
96 | e.preventDefault();
|
97 |
|
98 |
|
99 | if (_this.wrapperRef.current) {
|
100 | var children = _this.wrapperRef.current.children;
|
101 | var lastToken = children[children.length - 2];
|
102 | lastToken && lastToken.focus();
|
103 | }
|
104 | }
|
105 |
|
106 | onKeyDown && onKeyDown(e);
|
107 | });
|
108 | return _this;
|
109 | }
|
110 |
|
111 | (0, _createClass2["default"])(TypeaheadInputMulti, [{
|
112 | key: "render",
|
113 | value: function render() {
|
114 | var _propsWithBsClassName = (0, _utils.propsWithBsClassName)(this.props),
|
115 | children = _propsWithBsClassName.children,
|
116 | className = _propsWithBsClassName.className,
|
117 | inputClassName = _propsWithBsClassName.inputClassName,
|
118 | inputRef = _propsWithBsClassName.inputRef,
|
119 | referenceElementRef = _propsWithBsClassName.referenceElementRef,
|
120 | selected = _propsWithBsClassName.selected,
|
121 | props = (0, _objectWithoutProperties2["default"])(_propsWithBsClassName, _excluded);
|
122 |
|
123 | return _react["default"].createElement("div", {
|
124 | className: (0, _classnames["default"])('rbt-input-multi', {
|
125 | disabled: props.disabled
|
126 | }, className),
|
127 | onClick: this._handleContainerClickOrFocus,
|
128 | onFocus: this._handleContainerClickOrFocus,
|
129 | ref: referenceElementRef,
|
130 | tabIndex: -1
|
131 | }, _react["default"].createElement("div", {
|
132 | className: "rbt-input-wrapper",
|
133 | ref: this.wrapperRef
|
134 | }, children, _react["default"].createElement(_Hint["default"], null, _react["default"].createElement(_Input["default"], (0, _extends2["default"])({}, props, {
|
135 | className: inputClassName,
|
136 | onKeyDown: this._handleKeyDown,
|
137 | ref: this.getInputRef,
|
138 | style: {
|
139 | backgroundColor: 'transparent',
|
140 | border: 0,
|
141 | boxShadow: 'none',
|
142 | cursor: 'inherit',
|
143 | outline: 'none',
|
144 | padding: 0,
|
145 | width: '100%',
|
146 | zIndex: 1
|
147 | }
|
148 | })))));
|
149 | }
|
150 | }]);
|
151 | return TypeaheadInputMulti;
|
152 | }(_react["default"].Component);
|
153 |
|
154 | var _default = TypeaheadInputMulti;
|
155 | exports["default"] = _default; |
\ | No newline at end of file |