You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

258 lines
9.3 KiB

  1. "use strict";
  2. function _interopDefault(ex) {
  3. return ex && "object" == typeof ex && "default" in ex ? ex.default : ex;
  4. }
  5. Object.defineProperty(exports, "__esModule", {
  6. value: !0
  7. });
  8. var React = require("react"), React__default = _interopDefault(React), memoizeOne = _interopDefault(require("memoize-one"));
  9. require("@emotion/core"), require("react-dom"), require("prop-types"), require("../../dist/utils-2db2ca57.cjs.prod.js");
  10. var index$1 = require("../../dist/index-4f270825.cjs.prod.js");
  11. require("@emotion/css"), require("react-input-autosize");
  12. var reactTransitionGroup = require("react-transition-group");
  13. function _objectWithoutPropertiesLoose(source, excluded) {
  14. if (null == source) return {};
  15. var key, i, target = {}, sourceKeys = Object.keys(source);
  16. for (i = 0; i < sourceKeys.length; i++) key = sourceKeys[i], excluded.indexOf(key) >= 0 || (target[key] = source[key]);
  17. return target;
  18. }
  19. var AnimatedInput = function(WrappedComponent) {
  20. return function(_ref) {
  21. _ref.in, _ref.onExited, _ref.appear, _ref.enter, _ref.exit;
  22. var props = _objectWithoutPropertiesLoose(_ref, [ "in", "onExited", "appear", "enter", "exit" ]);
  23. return React__default.createElement(WrappedComponent, props);
  24. };
  25. };
  26. function _inheritsLoose(subClass, superClass) {
  27. subClass.prototype = Object.create(superClass.prototype), subClass.prototype.constructor = subClass,
  28. subClass.__proto__ = superClass;
  29. }
  30. function _extends() {
  31. return (_extends = Object.assign || function(target) {
  32. for (var i = 1; i < arguments.length; i++) {
  33. var source = arguments[i];
  34. for (var key in source) Object.prototype.hasOwnProperty.call(source, key) && (target[key] = source[key]);
  35. }
  36. return target;
  37. }).apply(this, arguments);
  38. }
  39. function _objectWithoutPropertiesLoose$1(source, excluded) {
  40. if (null == source) return {};
  41. var key, i, target = {}, sourceKeys = Object.keys(source);
  42. for (i = 0; i < sourceKeys.length; i++) key = sourceKeys[i], excluded.indexOf(key) >= 0 || (target[key] = source[key]);
  43. return target;
  44. }
  45. var Fade = function(_ref) {
  46. var Tag = _ref.component, _ref$duration = _ref.duration, duration = void 0 === _ref$duration ? 1 : _ref$duration, inProp = _ref.in, props = (_ref.onExited,
  47. _objectWithoutPropertiesLoose$1(_ref, [ "component", "duration", "in", "onExited" ])), transition = {
  48. entering: {
  49. opacity: 0
  50. },
  51. entered: {
  52. opacity: 1,
  53. transition: "opacity " + duration + "ms"
  54. },
  55. exiting: {
  56. opacity: 0
  57. },
  58. exited: {
  59. opacity: 0
  60. }
  61. };
  62. return React__default.createElement(reactTransitionGroup.Transition, {
  63. mountOnEnter: !0,
  64. unmountOnExit: !0,
  65. in: inProp,
  66. timeout: duration
  67. }, (function(state) {
  68. var innerProps = {
  69. style: _extends({}, transition[state])
  70. };
  71. return React__default.createElement(Tag, _extends({
  72. innerProps: innerProps
  73. }, props));
  74. }));
  75. }, collapseDuration = 260, Collapse = function(_Component) {
  76. function Collapse() {
  77. for (var _this, _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
  78. return (_this = _Component.call.apply(_Component, [ this ].concat(args)) || this).duration = collapseDuration,
  79. _this.rafID = void 0, _this.state = {
  80. width: "auto"
  81. }, _this.transition = {
  82. exiting: {
  83. width: 0,
  84. transition: "width " + _this.duration + "ms ease-out"
  85. },
  86. exited: {
  87. width: 0
  88. }
  89. }, _this.getWidth = function(ref) {
  90. ref && isNaN(_this.state.width) && (_this.rafID = window.requestAnimationFrame((function() {
  91. var width = ref.getBoundingClientRect().width;
  92. _this.setState({
  93. width: width
  94. });
  95. })));
  96. }, _this.getStyle = function(width) {
  97. return {
  98. overflow: "hidden",
  99. whiteSpace: "nowrap",
  100. width: width
  101. };
  102. }, _this.getTransition = function(state) {
  103. return _this.transition[state];
  104. }, _this;
  105. }
  106. _inheritsLoose(Collapse, _Component);
  107. var _proto = Collapse.prototype;
  108. return _proto.componentWillUnmount = function() {
  109. this.rafID && window.cancelAnimationFrame(this.rafID);
  110. }, _proto.render = function() {
  111. var _this2 = this, _this$props = this.props, children = _this$props.children, inProp = _this$props.in, width = this.state.width;
  112. return React__default.createElement(reactTransitionGroup.Transition, {
  113. enter: !1,
  114. mountOnEnter: !0,
  115. unmountOnExit: !0,
  116. in: inProp,
  117. timeout: this.duration
  118. }, (function(state) {
  119. var style = _extends({}, _this2.getStyle(width), _this2.getTransition(state));
  120. return React__default.createElement("div", {
  121. ref: _this2.getWidth,
  122. style: style
  123. }, children);
  124. }));
  125. }, Collapse;
  126. }(React.Component);
  127. function _extends$1() {
  128. return (_extends$1 = Object.assign || function(target) {
  129. for (var i = 1; i < arguments.length; i++) {
  130. var source = arguments[i];
  131. for (var key in source) Object.prototype.hasOwnProperty.call(source, key) && (target[key] = source[key]);
  132. }
  133. return target;
  134. }).apply(this, arguments);
  135. }
  136. function _objectWithoutPropertiesLoose$2(source, excluded) {
  137. if (null == source) return {};
  138. var key, i, target = {}, sourceKeys = Object.keys(source);
  139. for (i = 0; i < sourceKeys.length; i++) key = sourceKeys[i], excluded.indexOf(key) >= 0 || (target[key] = source[key]);
  140. return target;
  141. }
  142. var AnimatedMultiValue = function(WrappedComponent) {
  143. return function(_ref) {
  144. var inProp = _ref.in, onExited = _ref.onExited, props = _objectWithoutPropertiesLoose$2(_ref, [ "in", "onExited" ]);
  145. return React__default.createElement(Collapse, {
  146. in: inProp,
  147. onExited: onExited
  148. }, React__default.createElement(WrappedComponent, _extends$1({
  149. cropWithEllipsis: inProp
  150. }, props)));
  151. };
  152. };
  153. function _extends$2() {
  154. return (_extends$2 = Object.assign || function(target) {
  155. for (var i = 1; i < arguments.length; i++) {
  156. var source = arguments[i];
  157. for (var key in source) Object.prototype.hasOwnProperty.call(source, key) && (target[key] = source[key]);
  158. }
  159. return target;
  160. }).apply(this, arguments);
  161. }
  162. var AnimatedPlaceholder = function(WrappedComponent) {
  163. return function(props) {
  164. return React__default.createElement(Fade, _extends$2({
  165. component: WrappedComponent,
  166. duration: props.isMulti ? collapseDuration : 1
  167. }, props));
  168. };
  169. };
  170. function _extends$3() {
  171. return (_extends$3 = Object.assign || function(target) {
  172. for (var i = 1; i < arguments.length; i++) {
  173. var source = arguments[i];
  174. for (var key in source) Object.prototype.hasOwnProperty.call(source, key) && (target[key] = source[key]);
  175. }
  176. return target;
  177. }).apply(this, arguments);
  178. }
  179. var AnimatedSingleValue = function(WrappedComponent) {
  180. return function(props) {
  181. return React__default.createElement(Fade, _extends$3({
  182. component: WrappedComponent
  183. }, props));
  184. };
  185. };
  186. function _extends$4() {
  187. return (_extends$4 = Object.assign || function(target) {
  188. for (var i = 1; i < arguments.length; i++) {
  189. var source = arguments[i];
  190. for (var key in source) Object.prototype.hasOwnProperty.call(source, key) && (target[key] = source[key]);
  191. }
  192. return target;
  193. }).apply(this, arguments);
  194. }
  195. var AnimatedValueContainer = function(WrappedComponent) {
  196. return function(props) {
  197. return React__default.createElement(reactTransitionGroup.TransitionGroup, _extends$4({
  198. component: WrappedComponent
  199. }, props));
  200. };
  201. };
  202. function _extends$5() {
  203. return (_extends$5 = Object.assign || function(target) {
  204. for (var i = 1; i < arguments.length; i++) {
  205. var source = arguments[i];
  206. for (var key in source) Object.prototype.hasOwnProperty.call(source, key) && (target[key] = source[key]);
  207. }
  208. return target;
  209. }).apply(this, arguments);
  210. }
  211. function _objectWithoutPropertiesLoose$3(source, excluded) {
  212. if (null == source) return {};
  213. var key, i, target = {}, sourceKeys = Object.keys(source);
  214. for (i = 0; i < sourceKeys.length; i++) key = sourceKeys[i], excluded.indexOf(key) >= 0 || (target[key] = source[key]);
  215. return target;
  216. }
  217. var makeAnimated = function(externalComponents) {
  218. void 0 === externalComponents && (externalComponents = {});
  219. var components = index$1.defaultComponents({
  220. components: externalComponents
  221. }), Input = components.Input, MultiValue = components.MultiValue, Placeholder = components.Placeholder, SingleValue = components.SingleValue, ValueContainer = components.ValueContainer, rest = _objectWithoutPropertiesLoose$3(components, [ "Input", "MultiValue", "Placeholder", "SingleValue", "ValueContainer" ]);
  222. return _extends$5({
  223. Input: AnimatedInput(Input),
  224. MultiValue: AnimatedMultiValue(MultiValue),
  225. Placeholder: AnimatedPlaceholder(Placeholder),
  226. SingleValue: AnimatedSingleValue(SingleValue),
  227. ValueContainer: AnimatedValueContainer(ValueContainer)
  228. }, rest);
  229. }, AnimatedComponents = makeAnimated(), Input = AnimatedComponents.Input, MultiValue = AnimatedComponents.MultiValue, Placeholder = AnimatedComponents.Placeholder, SingleValue = AnimatedComponents.SingleValue, ValueContainer = AnimatedComponents.ValueContainer, index = memoizeOne(makeAnimated, index$1.exportedEqual);
  230. exports.Input = Input, exports.MultiValue = MultiValue, exports.Placeholder = Placeholder,
  231. exports.SingleValue = SingleValue, exports.ValueContainer = ValueContainer, exports.default = index;