1 | import _extends from "@babel/runtime/helpers/extends";
|
2 | import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
3 | import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
4 | import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
5 | var _excluded = ["onBlur", "onClick", "onFocus", "onRemove", "option"];
|
6 |
|
7 | function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
8 |
|
9 | function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
10 |
|
11 | import PropTypes from 'prop-types';
|
12 | import React, { useState } from 'react';
|
13 | import useRootClose from "react-overlays/useRootClose";
|
14 | import { getDisplayName, isFunction } from '../utils';
|
15 | import { optionType } from '../propTypes';
|
16 | var propTypes = {
|
17 | onBlur: PropTypes.func,
|
18 | onClick: PropTypes.func,
|
19 | onFocus: PropTypes.func,
|
20 | onRemove: PropTypes.func,
|
21 | option: optionType.isRequired
|
22 | };
|
23 | export function useToken(_ref) {
|
24 | var onBlur = _ref.onBlur,
|
25 | onClick = _ref.onClick,
|
26 | onFocus = _ref.onFocus,
|
27 | onRemove = _ref.onRemove,
|
28 | option = _ref.option,
|
29 | props = _objectWithoutProperties(_ref, _excluded);
|
30 |
|
31 | var _useState = useState(false),
|
32 | _useState2 = _slicedToArray(_useState, 2),
|
33 | active = _useState2[0],
|
34 | setActive = _useState2[1];
|
35 |
|
36 | var _useState3 = useState(null),
|
37 | _useState4 = _slicedToArray(_useState3, 2),
|
38 | rootElement = _useState4[0],
|
39 | attachRef = _useState4[1];
|
40 |
|
41 | var handleBlur = function handleBlur(e) {
|
42 | setActive(false);
|
43 | onBlur && onBlur(e);
|
44 | };
|
45 |
|
46 | var handleClick = function handleClick(e) {
|
47 | setActive(true);
|
48 | onClick && onClick(e);
|
49 | };
|
50 |
|
51 | var handleFocus = function handleFocus(e) {
|
52 | setActive(true);
|
53 | onFocus && onFocus(e);
|
54 | };
|
55 |
|
56 | var handleRemove = function handleRemove() {
|
57 | onRemove && onRemove(option);
|
58 | };
|
59 |
|
60 | var handleKeyDown = function handleKeyDown(e) {
|
61 | if (e.key === 'Backspace' && active) {
|
62 |
|
63 | e.preventDefault();
|
64 | handleRemove();
|
65 | }
|
66 | };
|
67 |
|
68 | useRootClose(rootElement, handleBlur, _objectSpread(_objectSpread({}, props), {}, {
|
69 | disabled: !active
|
70 | }));
|
71 | return {
|
72 | active: active,
|
73 | onBlur: handleBlur,
|
74 | onClick: handleClick,
|
75 | onFocus: handleFocus,
|
76 | onKeyDown: handleKeyDown,
|
77 | onRemove: isFunction(onRemove) ? handleRemove : undefined,
|
78 | ref: attachRef
|
79 | };
|
80 | }
|
81 |
|
82 |
|
83 | export function withToken(Component) {
|
84 | var displayName = "withToken(".concat(getDisplayName(Component), ")");
|
85 |
|
86 | var WrappedToken = function WrappedToken(props) {
|
87 | return React.createElement(Component, _extends({}, props, useToken(props)));
|
88 | };
|
89 |
|
90 | WrappedToken.displayName = displayName;
|
91 | WrappedToken.propTypes = propTypes;
|
92 | return WrappedToken;
|
93 | } |
\ | No newline at end of file |