+ * )}
+ *
+ * );
+ * ```
+ *
+ * There are 4 main states a Transition can be in:
+ * - `'entering'`
+ * - `'entered'`
+ * - `'exiting'`
+ * - `'exited'`
+ *
+ * Transition state is toggled via the `in` prop. When `true` the component
+ * begins the "Enter" stage. During this stage, the component will shift from
+ * its current transition state, to `'entering'` for the duration of the
+ * transition and then to the `'entered'` stage once it's complete. Let's take
+ * the following example (we'll use the
+ * [useState](https://reactjs.org/docs/hooks-reference.html#usestate) hook):
+ *
+ * ```jsx
+ * function App() {
+ * const [inProp, setInProp] = useState(false);
+ * return (
+ *
+ *
+ * {state => (
+ * // ...
+ * )}
+ *
+ *
+ *
+ * );
+ * }
+ * ```
+ *
+ * When the button is clicked the component will shift to the `'entering'` state
+ * and stay there for 500ms (the value of `timeout`) before it finally switches
+ * to `'entered'`.
+ *
+ * When `in` is `false` the same thing happens except the state moves from
+ * `'exiting'` to `'exited'`.
+ */
- _createClass(AuthorName, [{
- key: "render",
- value: function render() {
- var _props = this.props,
- attributes = _props.attributes,
- setAttributes = _props.setAttributes,
- props = _props.props,
- index_value = _props.index_value;
+var Transition = /*#__PURE__*/function (_React$Component) {
+ Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_inheritsLoose__["a" /* default */])(Transition, _React$Component);
+ function Transition(props, context) {
+ var _this;
- var test_arr = attributes.test_block[index_value];
- var author_name = "";
- if (test_arr && typeof test_arr !== "undefined") {
- author_name = test_arr["name"];
- }
+ _this = _React$Component.call(this, props, context) || this;
+ var parentGroup = context; // In the context of a TransitionGroup all enters are really appears
- var data_copy = [].concat(_toConsumableArray(attributes.test_block));
+ var appear = parentGroup && !parentGroup.isMounting ? props.enter : props.appear;
+ var initialStatus;
+ _this.appearStatus = null;
- if (setAttributes !== "not_set") {
- return wp.element.createElement(RichText, {
- tagName: "div",
- value: author_name,
- placeholder: __("Author Name"),
- className: "uagb-tm__author-name",
- onChange: function onChange(value) {
- var new_content = { "description": data_copy[index_value]["description"], "name": value, "company": data_copy[index_value]["company"], "image": data_copy[index_value]["image"] };
- data_copy[index_value] = new_content;
- setAttributes({ "test_block": data_copy });
- },
- onMerge: props.mergeBlocks,
- unstableOnSplit: props.insertBlocksAfter ? function (before, after) {
- for (var _len = arguments.length, blocks = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
- blocks[_key - 2] = arguments[_key];
- }
+ if (props.in) {
+ if (appear) {
+ initialStatus = EXITED;
+ _this.appearStatus = ENTERING;
+ } else {
+ initialStatus = ENTERED;
+ }
+ } else {
+ if (props.unmountOnExit || props.mountOnEnter) {
+ initialStatus = UNMOUNTED;
+ } else {
+ initialStatus = EXITED;
+ }
+ }
- setAttributes({ content: before });
- props.insertBlocksAfter([].concat(blocks, [createBlock("core/paragraph", { content: after })]));
- } : undefined,
- onRemove: function onRemove() {
- return props.onReplace([]);
- }
- });
- } else {
- return wp.element.createElement(RichText.Content, {
- tagName: "span",
- value: author_name,
- className: "uagb-tm__author-name"
- });
- }
- }
- }]);
+ _this.state = {
+ status: initialStatus
+ };
+ _this.nextCallback = null;
+ return _this;
+ }
- return AuthorName;
-}(React.Component);
+ Transition.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {
+ var nextIn = _ref.in;
-/* harmony default export */ __webpack_exports__["a"] = (AuthorName);
+ if (nextIn && prevState.status === UNMOUNTED) {
+ return {
+ status: EXITED
+ };
+ }
-/***/ }),
-/* 93 */
-/*!******************************************************!*\
- !*** ./src/blocks/testimonial/components/Company.js ***!
- \******************************************************/
-/*! exports provided: default */
-/*! exports used: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+ return null;
+ } // getSnapshotBeforeUpdate(prevProps) {
+ // let nextStatus = null
+ // if (prevProps !== this.props) {
+ // const { status } = this.state
+ // if (this.props.in) {
+ // if (status !== ENTERING && status !== ENTERED) {
+ // nextStatus = ENTERING
+ // }
+ // } else {
+ // if (status === ENTERING || status === ENTERED) {
+ // nextStatus = EXITING
+ // }
+ // }
+ // }
+ // return { nextStatus }
+ // }
+ ;
-"use strict";
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+ var _proto = Transition.prototype;
-function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
+ _proto.componentDidMount = function componentDidMount() {
+ this.updateStatus(true, this.appearStatus);
+ };
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+ _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+ var nextStatus = null;
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+ if (prevProps !== this.props) {
+ var status = this.state.status;
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+ if (this.props.in) {
+ if (status !== ENTERING && status !== ENTERED) {
+ nextStatus = ENTERING;
+ }
+ } else {
+ if (status === ENTERING || status === ENTERED) {
+ nextStatus = EXITING;
+ }
+ }
+ }
-var RichText = wp.blockEditor.RichText;
-var createBlock = wp.blocks.createBlock;
-var __ = wp.i18n.__;
+ this.updateStatus(false, nextStatus);
+ };
-var Company = function (_React$Component) {
- _inherits(Company, _React$Component);
+ _proto.componentWillUnmount = function componentWillUnmount() {
+ this.cancelNextCallback();
+ };
- function Company() {
- _classCallCheck(this, Company);
+ _proto.getTimeouts = function getTimeouts() {
+ var timeout = this.props.timeout;
+ var exit, enter, appear;
+ exit = enter = appear = timeout;
- return _possibleConstructorReturn(this, (Company.__proto__ || Object.getPrototypeOf(Company)).apply(this, arguments));
- }
+ if (timeout != null && typeof timeout !== 'number') {
+ exit = timeout.exit;
+ enter = timeout.enter; // TODO: remove fallback for next major
- _createClass(Company, [{
- key: "render",
- value: function render() {
- var _props = this.props,
- attributes = _props.attributes,
- setAttributes = _props.setAttributes,
- props = _props.props,
- index_value = _props.index_value;
+ appear = timeout.appear !== undefined ? timeout.appear : enter;
+ }
+ return {
+ exit: exit,
+ enter: enter,
+ appear: appear
+ };
+ };
- var test_arr = attributes.test_block[index_value];
- var company = "";
- if (test_arr && typeof test_arr !== "undefined") {
- company = test_arr["company"];
- }
+ _proto.updateStatus = function updateStatus(mounting, nextStatus) {
+ if (mounting === void 0) {
+ mounting = false;
+ }
- var data_copy = [].concat(_toConsumableArray(attributes.test_block));
+ if (nextStatus !== null) {
+ // nextStatus will always be ENTERING or EXITING.
+ this.cancelNextCallback();
- if (setAttributes !== "not_set") {
- return wp.element.createElement(RichText, {
- tagName: "div",
- value: company,
- className: "uagb-tm__company",
- onChange: function onChange(value) {
- var new_content = { "description": data_copy[index_value]["description"], "name": data_copy[index_value]["name"], "company": value, "image": data_copy[index_value]["image"] };
- data_copy[index_value] = new_content;
- setAttributes({ "test_block": data_copy });
- },
- multiline: false,
- placeholder: __("Company Name"),
- onMerge: props.mergeBlocks,
- unstableOnSplit: props.insertBlocksAfter ? function (before, after) {
- for (var _len = arguments.length, blocks = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
- blocks[_key - 2] = arguments[_key];
- }
+ if (nextStatus === ENTERING) {
+ this.performEnter(mounting);
+ } else {
+ this.performExit();
+ }
+ } else if (this.props.unmountOnExit && this.state.status === EXITED) {
+ this.setState({
+ status: UNMOUNTED
+ });
+ }
+ };
- setAttributes({ content: before });
- props.insertBlocksAfter([].concat(blocks, [createBlock("core/paragraph", { content: after })]));
- } : undefined,
- onRemove: function onRemove() {
- return props.onReplace([]);
- }
- });
- } else {
- return wp.element.createElement(RichText.Content, {
- tagName: "span",
- value: company,
- className: "uagb-tm__company"
- });
- }
- }
- }]);
+ _proto.performEnter = function performEnter(mounting) {
+ var _this2 = this;
- return Company;
-}(React.Component);
+ var enter = this.props.enter;
+ var appearing = this.context ? this.context.isMounting : mounting;
-/* harmony default export */ __webpack_exports__["a"] = (Company);
+ var _ref2 = this.props.nodeRef ? [appearing] : [__WEBPACK_IMPORTED_MODULE_4_react_dom___default.a.findDOMNode(this), appearing],
+ maybeNode = _ref2[0],
+ maybeAppearing = _ref2[1];
-/***/ }),
-/* 94 */
-/*!**********************************************************!*\
- !*** ./src/blocks/testimonial/components/Description.js ***!
- \**********************************************************/
-/*! exports provided: default */
-/*! exports used: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+ var timeouts = this.getTimeouts();
+ var enterTimeout = appearing ? timeouts.appear : timeouts.enter; // no enter animation skip right to ENTERED
+ // if we are mounting and running this it means appear _must_ be set
-"use strict";
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+ if (!mounting && !enter || __WEBPACK_IMPORTED_MODULE_5__config__["a" /* default */].disabled) {
+ this.safeSetState({
+ status: ENTERED
+ }, function () {
+ _this2.props.onEntered(maybeNode);
+ });
+ return;
+ }
-function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
+ this.props.onEnter(maybeNode, maybeAppearing);
+ this.safeSetState({
+ status: ENTERING
+ }, function () {
+ _this2.props.onEntering(maybeNode, maybeAppearing);
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+ _this2.onTransitionEnd(enterTimeout, function () {
+ _this2.safeSetState({
+ status: ENTERED
+ }, function () {
+ _this2.props.onEntered(maybeNode, maybeAppearing);
+ });
+ });
+ });
+ };
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+ _proto.performExit = function performExit() {
+ var _this3 = this;
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+ var exit = this.props.exit;
+ var timeouts = this.getTimeouts();
+ var maybeNode = this.props.nodeRef ? undefined : __WEBPACK_IMPORTED_MODULE_4_react_dom___default.a.findDOMNode(this); // no exit animation skip right to EXITED
-var RichText = wp.blockEditor.RichText;
-var __ = wp.i18n.__;
-var createBlock = wp.blocks.createBlock;
+ if (!exit || __WEBPACK_IMPORTED_MODULE_5__config__["a" /* default */].disabled) {
+ this.safeSetState({
+ status: EXITED
+ }, function () {
+ _this3.props.onExited(maybeNode);
+ });
+ return;
+ }
-var Description = function (_React$Component) {
- _inherits(Description, _React$Component);
+ this.props.onExit(maybeNode);
+ this.safeSetState({
+ status: EXITING
+ }, function () {
+ _this3.props.onExiting(maybeNode);
- function Description() {
- _classCallCheck(this, Description);
+ _this3.onTransitionEnd(timeouts.exit, function () {
+ _this3.safeSetState({
+ status: EXITED
+ }, function () {
+ _this3.props.onExited(maybeNode);
+ });
+ });
+ });
+ };
- return _possibleConstructorReturn(this, (Description.__proto__ || Object.getPrototypeOf(Description)).apply(this, arguments));
- }
+ _proto.cancelNextCallback = function cancelNextCallback() {
+ if (this.nextCallback !== null) {
+ this.nextCallback.cancel();
+ this.nextCallback = null;
+ }
+ };
- _createClass(Description, [{
- key: "render",
- value: function render() {
- var _props = this.props,
- attributes = _props.attributes,
- setAttributes = _props.setAttributes,
- props = _props.props,
- index_value = _props.index_value;
+ _proto.safeSetState = function safeSetState(nextState, callback) {
+ // This shouldn't be necessary, but there are weird race conditions with
+ // setState callbacks and unmounting in testing, so always make sure that
+ // we can cancel any pending setState callbacks after we unmount.
+ callback = this.setNextCallback(callback);
+ this.setState(nextState, callback);
+ };
+ _proto.setNextCallback = function setNextCallback(callback) {
+ var _this4 = this;
- var test_arr = attributes.test_block[index_value];
- var description = "";
- if (test_arr && typeof test_arr !== "undefined") {
- description = test_arr["description"];
- }
+ var active = true;
- var data_copy = [].concat(_toConsumableArray(attributes.test_block));
+ this.nextCallback = function (event) {
+ if (active) {
+ active = false;
+ _this4.nextCallback = null;
+ callback(event);
+ }
+ };
- if (setAttributes !== "not_set") {
- return wp.element.createElement(RichText, {
- tagName: "div",
- value: description,
- placeholder: __("Write Description"),
- className: "uagb-tm__desc",
- onChange: function onChange(value) {
+ this.nextCallback.cancel = function () {
+ active = false;
+ };
- var new_content = { "description": value, "name": data_copy[index_value]["name"], "company": data_copy[index_value]["company"], "image": data_copy[index_value]["image"] };
- data_copy[index_value] = new_content;
- setAttributes({ "test_block": data_copy });
- },
- onMerge: props.mergeBlocks,
- unstableOnSplit: props.insertBlocksAfter ? function (before, after) {
- for (var _len = arguments.length, blocks = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
- blocks[_key - 2] = arguments[_key];
- }
+ return this.nextCallback;
+ };
- setAttributes({ content: before });
- props.insertBlocksAfter([].concat(blocks, [createBlock("core/paragraph", { content: after })]));
- } : undefined,
- onRemove: function onRemove() {
- return props.onReplace([]);
- }
- });
- } else {
- return wp.element.createElement(RichText.Content, {
- tagName: "div",
- value: description,
- className: "uagb-tm__desc"
- });
- }
- }
- }]);
+ _proto.onTransitionEnd = function onTransitionEnd(timeout, handler) {
+ this.setNextCallback(handler);
+ var node = this.props.nodeRef ? this.props.nodeRef.current : __WEBPACK_IMPORTED_MODULE_4_react_dom___default.a.findDOMNode(this);
+ var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;
- return Description;
-}(React.Component);
+ if (!node || doesNotHaveTimeoutOrListener) {
+ setTimeout(this.nextCallback, 0);
+ return;
+ }
-/* harmony default export */ __webpack_exports__["a"] = (Description);
+ if (this.props.addEndListener) {
+ var _ref3 = this.props.nodeRef ? [this.nextCallback] : [node, this.nextCallback],
+ maybeNode = _ref3[0],
+ maybeNextCallback = _ref3[1];
-/***/ }),
-/* 95 */
-/*!*******************************************!*\
- !*** ./src/blocks/testimonial/classes.js ***!
- \*******************************************/
-/*! exports provided: default */
-/*! exports used: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+ this.props.addEndListener(maybeNode, maybeNextCallback);
+ }
-"use strict";
-/**
- * Returns Dynamic Generated CSS
- */
+ if (timeout != null) {
+ setTimeout(this.nextCallback, timeout);
+ }
+ };
-function PositionClasses(attributes) {
+ _proto.render = function render() {
+ var status = this.state.status;
- var iconimgStyle_class = "";
- iconimgStyle_class += " uagb-tm__imgicon-style-" + attributes.iconimgStyle + " ";
- iconimgStyle_class += "uagb-tm__image-position-" + attributes.imagePosition + " ";
+ if (status === UNMOUNTED) {
+ return null;
+ }
- if (attributes.imagePosition == "left" || attributes.imagePosition == "right") {
- iconimgStyle_class += "uagb-tm__image-aligned-" + attributes.imageAlignment + " ";
- if (attributes.stack !== "none") {
- iconimgStyle_class += "uagb-tm-stacked-" + attributes.stack + " ";
- if (attributes.imagePosition === "right") {
- iconimgStyle_class += "uagb-tm-reverse-order-" + attributes.stack + " ";
- }
- }
- }
+ var _this$props = this.props,
+ children = _this$props.children,
+ _in = _this$props.in,
+ _mountOnEnter = _this$props.mountOnEnter,
+ _unmountOnExit = _this$props.unmountOnExit,
+ _appear = _this$props.appear,
+ _enter = _this$props.enter,
+ _exit = _this$props.exit,
+ _timeout = _this$props.timeout,
+ _addEndListener = _this$props.addEndListener,
+ _onEnter = _this$props.onEnter,
+ _onEntering = _this$props.onEntering,
+ _onEntered = _this$props.onEntered,
+ _onExit = _this$props.onExit,
+ _onExiting = _this$props.onExiting,
+ _onExited = _this$props.onExited,
+ _nodeRef = _this$props.nodeRef,
+ childProps = Object(__WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_objectWithoutPropertiesLoose__["a" /* default */])(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+
+ return (
+ /*#__PURE__*/
+ // allows for nested Transitions
+ __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_7__TransitionGroupContext__["a" /* default */].Provider, {
+ value: null
+ }, typeof children === 'function' ? children(status, childProps) : __WEBPACK_IMPORTED_MODULE_3_react___default.a.cloneElement(__WEBPACK_IMPORTED_MODULE_3_react___default.a.Children.only(children), childProps))
+ );
+ };
- iconimgStyle_class += "uagb-tm__bg-type-" + attributes.backgroundType + " ";
+ return Transition;
+}(__WEBPACK_IMPORTED_MODULE_3_react___default.a.Component);
- return [iconimgStyle_class];
-}
+Transition.contextType = __WEBPACK_IMPORTED_MODULE_7__TransitionGroupContext__["a" /* default */];
+Transition.propTypes = process.env.NODE_ENV !== "production" ? {
+ /**
+ * A React reference to DOM element that need to transition:
+ * https://stackoverflow.com/a/51127130/4671932
+ *
+ * - When `nodeRef` prop is used, `node` is not passed to callback functions
+ * (e.g. `onEnter`) because user already has direct access to the node.
+ * - When changing `key` prop of `Transition` in a `TransitionGroup` a new
+ * `nodeRef` need to be provided to `Transition` with changed `key` prop
+ * (see
+ * [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
+ */
+ nodeRef: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.shape({
+ current: typeof Element === 'undefined' ? __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.any : __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.instanceOf(Element)
+ }),
-/* harmony default export */ __webpack_exports__["a"] = (PositionClasses);
+ /**
+ * A `function` child can be used instead of a React element. This function is
+ * called with the current transition status (`'entering'`, `'entered'`,
+ * `'exiting'`, `'exited'`), which can be used to apply context
+ * specific props to a component.
+ *
+ * ```jsx
+ *
+ * {state => (
+ *
+ * )}
+ *
+ * ```
+ */
+ children: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func.isRequired, __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.element.isRequired]).isRequired,
-/***/ }),
-/* 96 */
-/*!******************************************!*\
- !*** ./src/blocks/social-share/links.js ***!
- \******************************************/
-/*! exports provided: default */
-/*! exports used: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+ /**
+ * Show the component; triggers the enter or exit states
+ */
+ in: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,
-"use strict";
-var links = {
- facebook: "https://www.facebook.com/sharer.php?u=",
- twitter: "https://twitter.com/share?url=",
- google: "https://plus.google.com/share?url=",
- pinterest: "https://pinterest.com/pin/create/link/?url=",
- linkedin: "https://www.linkedin.com/shareArticle?url=",
- digg: "http://digg.com/submit?url=",
- blogger: "https://www.blogger.com/blog_this.pyra?t&u=",
- reddit: "https://reddit.com/submit?url=",
- stumbleupon: "https://www.stumbleupon.com/submit?url=",
- tumblr: "https://www.tumblr.com/widgets/share/tool?canonicalUrl=",
- myspace: "https://myspace.com/post?u=",
- email: "mailto:?body="
-};
+ /**
+ * By default the child component is mounted immediately along with
+ * the parent `Transition` component. If you want to "lazy mount" the component on the
+ * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
+ * mounted, even on "exited", unless you also specify `unmountOnExit`.
+ */
+ mountOnEnter: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,
-/* harmony default export */ __webpack_exports__["a"] = (links);
+ /**
+ * By default the child component stays mounted after it reaches the `'exited'` state.
+ * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
+ */
+ unmountOnExit: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,
-/***/ }),
-/* 97 */
-/*!*********************************************************!*\
- !*** ./src/blocks/price-list-child/components/Title.js ***!
- \*********************************************************/
-/*! exports provided: default */
-/*! exports used: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+ /**
+ * By default the child component does not perform the enter transition when
+ * it first mounts, regardless of the value of `in`. If you want this
+ * behavior, set both `appear` and `in` to `true`.
+ *
+ * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop
+ * > only adds an additional enter transition. However, in the
+ * > `` component that first enter transition does result in
+ * > additional `.appear-*` classes, that way you can choose to style it
+ * > differently.
+ */
+ appear: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,
-"use strict";
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+ /**
+ * Enable or disable enter transitions.
+ */
+ enter: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+ /**
+ * Enable or disable exit transitions.
+ */
+ exit: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+ /**
+ * The duration of the transition, in milliseconds.
+ * Required unless `addEndListener` is provided.
+ *
+ * You may specify a single timeout for all transitions:
+ *
+ * ```jsx
+ * timeout={500}
+ * ```
+ *
+ * or individually:
+ *
+ * ```jsx
+ * timeout={{
+ * appear: 500,
+ * enter: 300,
+ * exit: 500,
+ * }}
+ * ```
+ *
+ * - `appear` defaults to the value of `enter`
+ * - `enter` defaults to `0`
+ * - `exit` defaults to `0`
+ *
+ * @type {number | { enter?: number, exit?: number, appear?: number }}
+ */
+ timeout: function timeout(props) {
+ var pt = __WEBPACK_IMPORTED_MODULE_6__utils_PropTypes__["b" /* timeoutsShape */];
+ if (!props.addEndListener) pt = pt.isRequired;
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+ for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+ args[_key - 1] = arguments[_key];
+ }
-var RichText = wp.blockEditor.RichText;
-var __ = wp.i18n.__;
+ return pt.apply(void 0, [props].concat(args));
+ },
-var Title = function (_React$Component) {
- _inherits(Title, _React$Component);
+ /**
+ * Add a custom transition end trigger. Called with the transitioning
+ * DOM node and a `done` callback. Allows for more fine grained transition end
+ * logic. Timeouts are still used as a fallback if provided.
+ *
+ * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+ *
+ * ```jsx
+ * addEndListener={(node, done) => {
+ * // use the css transitionend event to mark the finish of a transition
+ * node.addEventListener('transitionend', done, false);
+ * }}
+ * ```
+ */
+ addEndListener: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func,
- function Title() {
- _classCallCheck(this, Title);
+ /**
+ * Callback fired before the "entering" status is applied. An extra parameter
+ * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
+ *
+ * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+ *
+ * @type Function(node: HtmlElement, isAppearing: bool) -> void
+ */
+ onEnter: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func,
- return _possibleConstructorReturn(this, (Title.__proto__ || Object.getPrototypeOf(Title)).apply(this, arguments));
- }
+ /**
+ * Callback fired after the "entering" status is applied. An extra parameter
+ * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
+ *
+ * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+ *
+ * @type Function(node: HtmlElement, isAppearing: bool)
+ */
+ onEntering: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func,
- _createClass(Title, [{
- key: "render",
- value: function render() {
- var _props = this.props,
- attributes = _props.attributes,
- setAttributes = _props.setAttributes,
- index_value = _props.index_value;
+ /**
+ * Callback fired after the "entered" status is applied. An extra parameter
+ * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
+ *
+ * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+ *
+ * @type Function(node: HtmlElement, isAppearing: bool) -> void
+ */
+ onEntered: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func,
- var author_title = "";
+ /**
+ * Callback fired before the "exiting" status is applied.
+ *
+ * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+ *
+ * @type Function(node: HtmlElement) -> void
+ */
+ onExit: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func,
- if (typeof index_value !== "undefined") {
- var test_arr = attributes.rest_menu_item_arr[index_value];
- if (test_arr) {
- if (typeof test_arr !== "undefined") {
- author_title = test_arr["title"];
- }
- }
- } else {
- author_title = attributes.title;
- }
+ /**
+ * Callback fired after the "exiting" status is applied.
+ *
+ * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+ *
+ * @type Function(node: HtmlElement) -> void
+ */
+ onExiting: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func,
- if (setAttributes !== "not_set") {
+ /**
+ * Callback fired after the "exited" status is applied.
+ *
+ * **Note**: when `nodeRef` prop is passed, `node` is not passed
+ *
+ * @type Function(node: HtmlElement) -> void
+ */
+ onExited: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func
+} : {}; // Name the function so it is clearer in the documentation
- return wp.element.createElement(RichText, {
- tagName: attributes.headingTag,
- value: author_title,
- placeholder: __("Write a Title"),
- className: "uagb-rm__title",
- onChange: function onChange(value) {
- setAttributes({ "title": value });
- }
- });
- } else {
- return wp.element.createElement(RichText.Content, {
- tagName: attributes.headingTag,
- value: author_title,
- className: "uagb-rm__title"
- });
- }
- }
- }]);
+function noop() {}
- return Title;
-}(React.Component);
+Transition.defaultProps = {
+ in: false,
+ mountOnEnter: false,
+ unmountOnExit: false,
+ appear: false,
+ enter: true,
+ exit: true,
+ onEnter: noop,
+ onEntering: noop,
+ onEntered: noop,
+ onExit: noop,
+ onExiting: noop,
+ onExited: noop
+};
+Transition.UNMOUNTED = UNMOUNTED;
+Transition.EXITED = EXITED;
+Transition.ENTERING = ENTERING;
+Transition.ENTERED = ENTERED;
+Transition.EXITING = EXITING;
+/* harmony default export */ __webpack_exports__["d"] = (Transition);
+/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(/*! ./../../process/browser.js */ 6)))
-/* harmony default export */ __webpack_exports__["a"] = (Title);
+/***/ }),
+/* 106 */
+/*!***************************************************************************!*\
+ !*** ./node_modules/react-transition-group/esm/TransitionGroupContext.js ***!
+ \***************************************************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(/*! react */ 5);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
+
+/* harmony default export */ __webpack_exports__["a"] = (__WEBPACK_IMPORTED_MODULE_0_react___default.a.createContext(null));
/***/ }),
-/* 98 */
-/*!*********************************************************!*\
- !*** ./src/blocks/price-list-child/components/Price.js ***!
- \*********************************************************/
+/* 107 */
+/*!**************************************************!*\
+ !*** ./src/blocks/info-box/components/Prefix.js ***!
+ \**************************************************/
/*! exports provided: default */
/*! exports used: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -7728,67 +7787,72 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
var RichText = wp.blockEditor.RichText;
var __ = wp.i18n.__;
+var createBlock = wp.blocks.createBlock;
-var Price = function (_React$Component) {
- _inherits(Price, _React$Component);
+var Prefix = function (_React$Component) {
+ _inherits(Prefix, _React$Component);
- function Price() {
- _classCallCheck(this, Price);
+ function Prefix() {
+ _classCallCheck(this, Prefix);
- return _possibleConstructorReturn(this, (Price.__proto__ || Object.getPrototypeOf(Price)).apply(this, arguments));
+ return _possibleConstructorReturn(this, (Prefix.__proto__ || Object.getPrototypeOf(Prefix)).apply(this, arguments));
}
- _createClass(Price, [{
+ _createClass(Prefix, [{
key: "render",
value: function render() {
+
+ //const { attributes, setAttributes } = this.props;
+
var _props = this.props,
attributes = _props.attributes,
setAttributes = _props.setAttributes,
- index_value = _props.index_value;
-
+ props = _props.props;
- var price = "";
- if (typeof index_value !== "undefined") {
- var rest_arr = attributes.rest_menu_item_arr[index_value];
- if (rest_arr) {
- if (typeof rest_arr !== "undefined") {
- price = rest_arr["price"];
- }
- }
- } else {
- price = attributes.price;
- }
if (setAttributes !== "not_set") {
return wp.element.createElement(RichText, {
tagName: "div",
- value: price,
- className: "uagb-rm__price",
- placeholder: __("Price"),
+ value: attributes.prefixTitle,
+ placeholder: __("Write a Prefix"),
+ className: "uagb-ifb-title-prefix",
+ multiline: false,
onChange: function onChange(value) {
- setAttributes({ "price": value });
+ setAttributes({ prefixTitle: value });
+ },
+ onMerge: props.mergeBlocks,
+ onSplit: props.insertBlocksAfter ? function (before, after) {
+ for (var _len = arguments.length, blocks = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+ blocks[_key - 2] = arguments[_key];
+ }
+
+ setAttributes({ content: before });
+ props.insertBlocksAfter([].concat(blocks, [createBlock("core/paragraph", { content: after })]));
+ } : undefined,
+ onRemove: function onRemove() {
+ return props.onReplace([]);
}
});
} else {
return wp.element.createElement(RichText.Content, {
tagName: "span",
- value: price,
- className: "uagb-rm__price"
+ value: attributes.prefixTitle,
+ className: "uagb-ifb-title-prefix"
});
}
}
}]);
- return Price;
+ return Prefix;
}(React.Component);
-/* harmony default export */ __webpack_exports__["a"] = (Price);
+/* harmony default export */ __webpack_exports__["a"] = (Prefix);
/***/ }),
-/* 99 */
-/*!***************************************************************!*\
- !*** ./src/blocks/price-list-child/components/Description.js ***!
- \***************************************************************/
+/* 108 */
+/*!*************************************************!*\
+ !*** ./src/blocks/info-box/components/Title.js ***!
+ \*************************************************/
/*! exports provided: default */
/*! exports used: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -7803,73 +7867,78 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var RichText = wp.blockEditor.RichText;
+var createBlock = wp.blocks.createBlock;
var __ = wp.i18n.__;
-var Description = function (_React$Component) {
- _inherits(Description, _React$Component);
+var Title = function (_React$Component) {
+ _inherits(Title, _React$Component);
- function Description() {
- _classCallCheck(this, Description);
+ function Title() {
+ _classCallCheck(this, Title);
- return _possibleConstructorReturn(this, (Description.__proto__ || Object.getPrototypeOf(Description)).apply(this, arguments));
+ return _possibleConstructorReturn(this, (Title.__proto__ || Object.getPrototypeOf(Title)).apply(this, arguments));
}
- _createClass(Description, [{
+ _createClass(Title, [{
key: "render",
value: function render() {
+
+ //const { attributes, setAttributes , props } = this.props;
var _props = this.props,
attributes = _props.attributes,
setAttributes = _props.setAttributes,
- index_value = _props.index_value;
-
+ props = _props.props;
- var description = "";
- if (typeof index_value !== "undefined") {
- var rest_arr = attributes.rest_menu_item_arr[index_value];
- if (rest_arr) {
- if (typeof rest_arr !== "undefined") {
- description = rest_arr["description"];
- }
- }
- } else {
- description = attributes.description;
- }
if (setAttributes !== "not_set") {
return wp.element.createElement(RichText, {
- tagName: "div",
- value: description,
- placeholder: __("Write a Description"),
- className: "uagb-rm__desc",
+ tagName: attributes.headingTag,
+ placeholder: __("Write a Heading"),
+ value: attributes.infoBoxTitle,
+ className: "uagb-ifb-title",
onChange: function onChange(value) {
- setAttributes({ "description": value });
+ return setAttributes({ infoBoxTitle: value });
+ },
+ multiline: false,
+ onMerge: props.mergeBlocks,
+ onSplit: props.insertBlocksAfter ? function (before, after) {
+ for (var _len = arguments.length, blocks = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+ blocks[_key - 2] = arguments[_key];
+ }
+
+ setAttributes({ content: before });
+ props.insertBlocksAfter([].concat(blocks, [createBlock("core/paragraph", { content: after })]));
+ } : undefined,
+ onRemove: function onRemove() {
+ return props.onReplace([]);
}
});
} else {
return wp.element.createElement(RichText.Content, {
- tagName: "div",
- value: description,
- className: "uagb-rm__desc"
+ tagName: attributes.headingTag,
+ value: attributes.infoBoxTitle,
+ className: "uagb-ifb-title"
});
}
}
}]);
- return Description;
+ return Title;
}(React.Component);
-/* harmony default export */ __webpack_exports__["a"] = (Description);
+/* harmony default export */ __webpack_exports__["a"] = (Title);
/***/ }),
-/* 100 */
-/*!*****************************************************************!*\
- !*** ./src/blocks/price-list-child/components/RestMenuImage.js ***!
- \*****************************************************************/
+/* 109 */
+/*!************************************************!*\
+ !*** ./src/blocks/info-box/components/Icon.js ***!
+ \************************************************/
/*! exports provided: default */
/*! exports used: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__dist_blocks_uagb_controls_renderIcon__ = __webpack_require__(/*! ../../../../dist/blocks/uagb-controls/renderIcon */ 2);
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -7878,89 +7947,51 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-var RestMenuImage = function (_React$Component) {
- _inherits(RestMenuImage, _React$Component);
-
- function RestMenuImage() {
- _classCallCheck(this, RestMenuImage);
- return _possibleConstructorReturn(this, (RestMenuImage.__proto__ || Object.getPrototypeOf(RestMenuImage)).apply(this, arguments));
- }
- _createClass(RestMenuImage, [{
- key: "render",
- value: function render() {
- var _props = this.props,
- attributes = _props.attributes,
- index_value = _props.index_value;
+var RichText = wp.blockEditor.RichText;
+var __ = wp.i18n.__;
- var url_check = "";
- var image_arr = "";
+var Icon = function (_React$Component) {
+ _inherits(Icon, _React$Component);
- if (typeof index_value !== "undefined") {
- var image_array = attributes.rest_menu_item_arr[index_value];
- if (typeof image_array !== "undefined") {
- image_arr = image_array['image'];
- }
- } else {
- if (attributes.image !== "") {
- image_arr = attributes.image;
- }
- }
+ function Icon() {
+ _classCallCheck(this, Icon);
- if (image_arr && typeof image_arr !== "undefined") {
- var image = '';
- if (typeof image_arr !== "undefined") {
- image = image_arr;
- } else {
- image = attributes.image;
- }
- var url = "";
+ return _possibleConstructorReturn(this, (Icon.__proto__ || Object.getPrototypeOf(Icon)).apply(this, arguments));
+ }
- if (typeof image !== "undefined" && image !== null && image !== "") {
- url_check = image.url;
- }
+ _createClass(Icon, [{
+ key: "render",
+ value: function render() {
+ var attributes = this.props.attributes;
- if (url_check !== "") {
- var size = image.sizes;
- var imageSize = attributes.imageSize;
- if (typeof size !== "undefined" && typeof size[imageSize] !== "undefined") {
- url = size[imageSize].url;
- } else {
- url = url_check;
- }
- return wp.element.createElement(
- "div",
- { className: "uagb-rm__image-content" },
- wp.element.createElement(
- "div",
- { className: "uagb-rm__image" },
- wp.element.createElement("img", {
- className: "",
- src: url,
- alt: image.alt
- })
- )
- );
- } else {
- return null;
- }
- } else {
- return null;
- }
+ return wp.element.createElement(
+ "div",
+ { className: "uagb-ifb-image-icon-content uagb-ifb-imgicon-wrap" },
+ wp.element.createElement(
+ "div",
+ { className: "uagb-ifb-icon-wrap" },
+ wp.element.createElement(
+ "span",
+ { className: "uagb-ifb-icon" },
+ Object(__WEBPACK_IMPORTED_MODULE_0__dist_blocks_uagb_controls_renderIcon__["a" /* default */])(attributes.icon)
+ )
+ )
+ );
}
}]);
- return RestMenuImage;
+ return Icon;
}(React.Component);
-/* harmony default export */ __webpack_exports__["a"] = (RestMenuImage);
+/* harmony default export */ __webpack_exports__["a"] = (Icon);
/***/ }),
-/* 101 */
+/* 110 */
/*!*******************************************************!*\
- !*** ./src/blocks/call-to-action/components/Title.js ***!
+ !*** ./src/blocks/info-box/components/InfoBoxDesc.js ***!
\*******************************************************/
/*! exports provided: default */
/*! exports used: default */
@@ -7976,21 +8007,23 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var RichText = wp.blockEditor.RichText;
-var createBlock = wp.blocks.createBlock;
var __ = wp.i18n.__;
+var createBlock = wp.blocks.createBlock;
-var Title = function (_React$Component) {
- _inherits(Title, _React$Component);
+var InfoBoxDesc = function (_React$Component) {
+ _inherits(InfoBoxDesc, _React$Component);
- function Title() {
- _classCallCheck(this, Title);
+ function InfoBoxDesc() {
+ _classCallCheck(this, InfoBoxDesc);
- return _possibleConstructorReturn(this, (Title.__proto__ || Object.getPrototypeOf(Title)).apply(this, arguments));
+ return _possibleConstructorReturn(this, (InfoBoxDesc.__proto__ || Object.getPrototypeOf(InfoBoxDesc)).apply(this, arguments));
}
- _createClass(Title, [{
+ _createClass(InfoBoxDesc, [{
key: "render",
value: function render() {
+
+ //const { attributes, setAttributes } = this.props;
var _props = this.props,
attributes = _props.attributes,
setAttributes = _props.setAttributes,
@@ -7999,16 +8032,15 @@ var Title = function (_React$Component) {
if (setAttributes !== "not_set") {
return wp.element.createElement(RichText, {
- tagName: attributes.titleTag,
- placeholder: __("Write a Heading"),
- value: attributes.ctaTitle,
- className: "uagb-cta__title",
+ tagName: "p",
+ value: attributes.headingDesc,
+ placeholder: __("Write a Description"),
+ className: "uagb-ifb-desc",
onChange: function onChange(value) {
- return setAttributes({ ctaTitle: value });
+ return setAttributes({ headingDesc: value });
},
- multiline: false,
onMerge: props.mergeBlocks,
- unstableOnSplit: props.insertBlocksAfter ? function (before, after) {
+ onSplit: props.insertBlocksAfter ? function (before, after) {
for (var _len = arguments.length, blocks = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
blocks[_key - 2] = arguments[_key];
}
@@ -8022,143 +8054,127 @@ var Title = function (_React$Component) {
});
} else {
return wp.element.createElement(RichText.Content, {
- tagName: attributes.titleTag,
- value: attributes.ctaTitle,
- className: "uagb-cta__title"
+ tagName: "p",
+ value: attributes.headingDesc,
+ className: "uagb-ifb-desc"
});
}
}
}]);
- return Title;
+ return InfoBoxDesc;
}(React.Component);
-/* harmony default export */ __webpack_exports__["a"] = (Title);
+/* harmony default export */ __webpack_exports__["a"] = (InfoBoxDesc);
/***/ }),
-/* 102 */
-/*!*************************************************************!*\
- !*** ./src/blocks/call-to-action/components/Description.js ***!
- \*************************************************************/
+/* 111 */
+/*!****************************************!*\
+ !*** ./src/blocks/info-box/classes.js ***!
+ \****************************************/
/*! exports provided: default */
/*! exports used: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+/**
+ * Returns Dynamic Generated Classes
+ */
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+function InfoBoxPositionClasses(attributes) {
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+ var sourceClass = "uagb-infobox-has-image";
+ if (attributes.source_type == "icon") {
+ sourceClass = "uagb-infobox-has-icon";
+ }
-var RichText = wp.blockEditor.RichText;
-var __ = wp.i18n.__;
-var createBlock = wp.blocks.createBlock;
+ var iconimgStyle_class = "";
-var Description = function (_React$Component) {
- _inherits(Description, _React$Component);
+ iconimgStyle_class += "uagb-infobox" + " ";
+ iconimgStyle_class += sourceClass + " ";
+ iconimgStyle_class += "uagb-infobox-icon-" + attributes.iconimgPosition + " ";
- function Description() {
- _classCallCheck(this, Description);
+ if (attributes.iconimgPosition === "left" || attributes.iconimgPosition === "left-title") {
+ iconimgStyle_class += "uagb-infobox-left" + " ";
+ }
- return _possibleConstructorReturn(this, (Description.__proto__ || Object.getPrototypeOf(Description)).apply(this, arguments));
+ if (attributes.iconimgPosition === "right" || attributes.iconimgPosition === "right-title") {
+ iconimgStyle_class += "uagb-infobox-right" + " ";
}
- _createClass(Description, [{
- key: "render",
- value: function render() {
- var _props = this.props,
- attributes = _props.attributes,
- setAttributes = _props.setAttributes,
- props = _props.props;
+ if ((attributes.iconimgPosition === "left" || attributes.iconimgPosition === "right") && attributes.stack !== "none") {
+ iconimgStyle_class += "uagb-infobox-stacked-" + attributes.stack + " ";
+ if (attributes.iconimgPosition === "right") {
+ iconimgStyle_class += "uagb-infobox-reverse-order-" + attributes.stack + " ";
+ }
+ }
+ if (attributes.iconimgPosition !== "above-title" || attributes.iconimgPosition !== "below-title") {
+ iconimgStyle_class += "uagb-infobox-image-valign-" + attributes.sourceAlign + " ";
+ }
- if (setAttributes !== "not_set") {
- return wp.element.createElement(RichText, {
- tagName: "p",
- value: attributes.description,
- placeholder: __("Write a Description"),
- className: "uagb-cta__desc",
- onChange: function onChange(value) {
- return setAttributes({ description: value });
- },
- onMerge: props.mergeBlocks,
- unstableOnSplit: props.insertBlocksAfter ? function (before, after) {
- for (var _len = arguments.length, blocks = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
- blocks[_key - 2] = arguments[_key];
- }
+ if (attributes.enableBorder) {
+ iconimgStyle_class += "uagb-infobox-enable-border" + " ";
+ }
- setAttributes({ content: before });
- props.insertBlocksAfter([].concat(blocks, [createBlock("core/paragraph", { content: after })]));
- } : undefined,
- onRemove: function onRemove() {
- return props.onReplace([]);
- }
- });
- } else {
- return wp.element.createElement(RichText.Content, {
- tagName: "p",
- value: attributes.description,
- className: "uagb-cta__desc"
- });
- }
- }
- }]);
+ iconimgStyle_class += "uagb-infobox-enable-border-radius" + " ";
- return Description;
-}(React.Component);
+ return [iconimgStyle_class];
+}
-/* harmony default export */ __webpack_exports__["a"] = (Description);
+/* harmony default export */ __webpack_exports__["a"] = (InfoBoxPositionClasses);
/***/ }),
-/* 103 */
-/*!**********************************************!*\
- !*** ./src/blocks/call-to-action/classes.js ***!
- \**********************************************/
+/* 112 */
+/*!************************************************************!*\
+ !*** ./src/blocks/info-box/components/InfoBoxSeparator.js ***!
+ \************************************************************/
/*! exports provided: default */
/*! exports used: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-/**
- * Returns Dynamic Generated Classes
- */
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-function CtaPositionClasses(attributes) {
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- var iconimgStyle_class = "";
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- iconimgStyle_class += "uagb-cta__block" + " ";
- iconimgStyle_class += "uagb-cta__icon-position-" + attributes.ctaPosition + " ";
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- if (attributes.ctaPosition === "right") {
- iconimgStyle_class += "uagb-cta__content-right" + " ";
- }
+var InfoBoxSeparator = function (_React$Component) {
+ _inherits(InfoBoxSeparator, _React$Component);
- if (attributes.ctaPosition === "right" && attributes.stack !== "none") {
- iconimgStyle_class += "uagb-cta__content-stacked-" + attributes.stack + " ";
- }
+ function InfoBoxSeparator() {
+ _classCallCheck(this, InfoBoxSeparator);
- if (attributes.ctaPosition !== "below-title") {
- iconimgStyle_class += "uagb-cta__button-valign-" + attributes.buttonAlign + " ";
+ return _possibleConstructorReturn(this, (InfoBoxSeparator.__proto__ || Object.getPrototypeOf(InfoBoxSeparator)).apply(this, arguments));
}
- if (attributes.ctaType !== "text" && attributes.ctaType !== "button") {
- iconimgStyle_class += "uagb-cta__button-type-none" + " ";
- }
+ _createClass(InfoBoxSeparator, [{
+ key: "render",
+ value: function render() {
+ var attributes = this.props.attributes;
- return [iconimgStyle_class];
-}
-/* harmony default export */ __webpack_exports__["a"] = (CtaPositionClasses);
+ return wp.element.createElement(
+ "div",
+ { className: "uagb-ifb-separator-parent" },
+ wp.element.createElement("div", { className: "uagb-ifb-separator" })
+ );
+ }
+ }]);
+
+ return InfoBoxSeparator;
+}(React.Component);
+
+/* harmony default export */ __webpack_exports__["a"] = (InfoBoxSeparator);
/***/ }),
-/* 104 */
-/*!*****************************************************!*\
- !*** ./src/blocks/call-to-action/components/CTA.js ***!
- \*****************************************************/
+/* 113 */
+/*!********************************************************!*\
+ !*** ./src/blocks/info-box/components/CallToAction.js ***!
+ \********************************************************/
/*! exports provided: default */
/*! exports used: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -8181,24 +8197,29 @@ var __ = wp.i18n.__;
-var CTA = function (_React$Component) {
- _inherits(CTA, _React$Component);
+var InfoBoxCta = function (_React$Component) {
+ _inherits(InfoBoxCta, _React$Component);
- function CTA() {
- _classCallCheck(this, CTA);
+ function InfoBoxCta() {
+ _classCallCheck(this, InfoBoxCta);
- return _possibleConstructorReturn(this, (CTA.__proto__ || Object.getPrototypeOf(CTA)).apply(this, arguments));
+ return _possibleConstructorReturn(this, (InfoBoxCta.__proto__ || Object.getPrototypeOf(InfoBoxCta)).apply(this, arguments));
}
- _createClass(CTA, [{
+ _createClass(InfoBoxCta, [{
key: "render",
value: function render() {
var _props = this.props,
attributes = _props.attributes,
- setAttributes = _props.setAttributes;
+ _props$setAttributes = _props.setAttributes,
+ setAttributes = _props$setAttributes === undefined ? "not_set" : _props$setAttributes;
- var ctaBtnClass = "uagb-cta__block-link uagb-cta__button-link-wrapper uagb-cta-typeof-" + attributes.ctaType;
+ var ctaBtnClass = "uagb-infobox-cta-link uagb-ifb-cta-button";
+
+ if (attributes.inheritFromTheme) {
+ ctaBtnClass = "wp-block-button__link";
+ }
var target = "_self";
var rel = "noopener noreferrer";
@@ -8210,165 +8231,184 @@ var CTA = function (_React$Component) {
if (attributes.ctaIcon !== "") {
cta_icon_output = wp.element.createElement(
"span",
- { className: __WEBPACK_IMPORTED_MODULE_0_classnames___default.a("uagb-cta-" + attributes.ctaType + "-icon", "uagb-cta__align-button-" + attributes.ctaIconPosition, "uagb-cta-with-svg") },
- __WEBPACK_IMPORTED_MODULE_1__dist_blocks_uagb_controls_renderIcon__["a" /* default */](attributes.ctaIcon)
+ { className: __WEBPACK_IMPORTED_MODULE_0_classnames___default()("uagb-ifb-" + attributes.ctaType + "-icon", "uagb-ifb-align-icon-" + attributes.ctaIconPosition) },
+ Object(__WEBPACK_IMPORTED_MODULE_1__dist_blocks_uagb_controls_renderIcon__["a" /* default */])(attributes.ctaIcon)
);
}
- var link = "/";
- if (setAttributes == "not_set") {
- link = attributes.ctaLink;
- }
- return wp.element.createElement(
- "div",
- { className: "uagb-cta__link-wrapper uagb-cta__block-link-style" },
- (attributes.ctaType === "button" || attributes.ctaType === "text") && wp.element.createElement(
+ if (setAttributes !== "not_set") {
+
+ return wp.element.createElement(
"div",
- { className: __WEBPACK_IMPORTED_MODULE_0_classnames___default.a("uagb-cta__button-wrapper", attributes.inheritFromTheme && attributes.ctaType === "button" ? 'wp-block-button' : null) },
- wp.element.createElement(
+ { className: "uagb-ifb-cta uagb-infobox-cta-link-style" },
+ attributes.ctaType === "text" && wp.element.createElement(
"a",
- {
- href: link,
- className: __WEBPACK_IMPORTED_MODULE_0_classnames___default.a('uagb-cta__button-link-wrapper', !attributes.inheritFromTheme ? 'uagb-cta__block-link' : null, !attributes.inheritFromTheme ? "uagb-cta-typeof-" + attributes.ctaType : null, attributes.inheritFromTheme && attributes.ctaType === "button" ? 'wp-block-button__link' : null),
- target: target,
- rel: rel
- },
+ { target: target, className: "uagb-infobox-cta-link", rel: rel },
attributes.ctaIconPosition === "before" && cta_icon_output,
wp.element.createElement(
"span",
- { className: "uagb-cta__link-content-inner" },
+ { className: "uagb-inline-editing" },
+ attributes.ctaText
+ ),
+ attributes.ctaIconPosition === "after" && cta_icon_output
+ ),
+ attributes.ctaType === "button" && wp.element.createElement(
+ "div",
+ { className: __WEBPACK_IMPORTED_MODULE_0_classnames___default()("uagb-ifb-button-wrapper", attributes.inheritFromTheme ? "wp-block-button" : null) },
+ wp.element.createElement(
+ "a",
+ { className: ctaBtnClass, target: target, rel: rel },
+ cta_icon_output,
wp.element.createElement(
"span",
- null,
- attributes.ctaText
+ { className: "uagb-ifb-cta-content-wrapper" },
+ wp.element.createElement(
+ "span",
+ { className: "uagb-inline-editing " },
+ attributes.ctaText
+ )
)
+ )
+ )
+ );
+ } else {
+ return wp.element.createElement(
+ "div",
+ { className: "uagb-ifb-cta uagb-infobox-cta-link-style" },
+ attributes.ctaType === "text" && wp.element.createElement(
+ "a",
+ { href: attributes.ctaLink, target: target, className: "uagb-infobox-cta-link", rel: rel },
+ attributes.ctaIconPosition === "before" && cta_icon_output,
+ wp.element.createElement(
+ "span",
+ { className: "uagb-inline-editing" },
+ attributes.ctaText
),
attributes.ctaIconPosition === "after" && cta_icon_output
+ ),
+ attributes.ctaType === "button" && wp.element.createElement(
+ "div",
+ { className: __WEBPACK_IMPORTED_MODULE_0_classnames___default()("uagb-ifb-button-wrapper", attributes.inheritFromTheme ? "wp-block-button" : null) },
+ wp.element.createElement(
+ "a",
+ { href: attributes.ctaLink, className: ctaBtnClass, target: target, rel: rel },
+ cta_icon_output,
+ wp.element.createElement(
+ "span",
+ { className: "uagb-ifb-cta-content-wrapper" },
+ wp.element.createElement(
+ "span",
+ { className: "uagb-inline-editing " },
+ attributes.ctaText
+ )
+ )
+ )
)
- )
- );
+ );
+ }
}
}]);
- return CTA;
+ return InfoBoxCta;
}(React.Component);
-/* harmony default export */ __webpack_exports__["a"] = (CTA);
-
-/***/ }),
-/* 105 */
-/*!**************************************!*\
- !*** ./src/blocks/columns/shapes.js ***!
- \**************************************/
-/*! exports provided: default */
-/*! exports used: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-var el = wp.element.createElement;
-
-var shapes = {
- "triangle": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1000 100", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", d: "M500,98.9L0,6.1V0h1000v6.1L500,98.9z" })),
- "wave_brush": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 283.5 27.8", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", d: "M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7 s-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7 c-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3 c-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6 c0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7 C239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5 c0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1 c-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7 c0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6 C8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8 c0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2 C74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0.1,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3 C97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1 z M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1 c-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z" }), el("path", { className: "uagb-columns__shape-fill", d: "M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3 C267.7,18.8,269.7,18,269.6,18z" }), el("path", { className: "uagb-columns__shape-fill", d: "M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2 S227.6,9.9,227.4,9.8z" }), el("path", { className: "uagb-columns__shape-fill", d: "M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4 C206.4,12.9,204.6,13.5,204.5,13.4z" }), el("path", { className: "uagb-columns__shape-fill", d: "M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6 S201,10.7,201,10.6z" }), el("path", { className: "uagb-columns__shape-fill", d: "M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3 C152.6,27.5,154.6,26.8,154.5,26.7z" }), el("path", { className: "uagb-columns__shape-fill", d: "M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6 c-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z" }), el("path", { className: "uagb-columns__shape-fill", d: "M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0 C76.9,11.5,75.3,12.5,75.5,12.6z" }), el("path", { className: "uagb-columns__shape-fill", d: "M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4 C19.9,13.7,15.7,13.3,15.6,13.2z" })),
- "tilt": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1000 100", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", d: "M0,6V0h1000v100L0,6z" })),
- "mountains": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1000 100", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", opacity: "0.33", d: "M473,67.3c-203.9,88.3-263.1-34-320.3,0C66,119.1,0,59.7,0,59.7V0h1000v59.7 c0,0-62.1,26.1-94.9,29.3c-32.8,3.3-62.8-12.3-75.8-22.1C806,49.6,745.3,8.7,694.9,4.7S492.4,59,473,67.3z" }), el("path", { className: "uagb-columns__shape-fill", opacity: "0.66", d: "M734,67.3c-45.5,0-77.2-23.2-129.1-39.1c-28.6-8.7-150.3-10.1-254,39.1 s-91.7-34.4-149.2,0C115.7,118.3,0,39.8,0,39.8V0h1000v36.5c0,0-28.2-18.5-92.1-18.5C810.2,18.1,775.7,67.3,734,67.3z" }), el("path", { className: "uagb-columns__shape-fill", d: "M766.1,28.9c-200-57.5-266,65.5-395.1,19.5C242,1.8,242,5.4,184.8,20.6C128,35.8,132.3,44.9,89.9,52.5C28.6,63.7,0,0,0,0 h1000c0,0-9.9,40.9-83.6,48.1S829.6,47,766.1,28.9z" })),
- "waves": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1000 100", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", d: "M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7 c23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4 c21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z" })),
- "wave_pattern": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1047.1 3.7", preserveAspectRatio: "xMidYMin slice" }, el("path", { className: "uagb-columns__shape-fill", d: "M1047.1,0C557,0,8.9,0,0,0v1.6c0,0,0.6-1.5,2.7-0.3C3.9,2,6.1,4.1,8.3,3.5c0.9-0.2,1.5-1.9,1.5-1.9 s0.6-1.5,2.7-0.3C13.8,2,16,4.1,18.2,3.5c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3C23.6,2,25.9,4.1,28,3.5c0.9-0.2,1.5-1.9,1.5-1.9 c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3C63,2,65.3,4.1,67.4,3.5 C68.3,3.3,69,1.6,69,1.6s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3 C82.7,2,85,4.1,87.1,3.5c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3C92.6,2,94.8,4.1,97,3.5c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.6-0.4V0z M2.5,1.2C2.5,1.2,2.5,1.2,2.5,1.2C2.5,1.2,2.5,1.2,2.5,1.2z M2.7,1.4c0.1,0,0.1,0.1,0.1,0.1C2.8,1.4,2.8,1.4,2.7,1.4z" })),
- "drops": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 283.5 27.8", preserveAspectRatio: "xMidYMax slice" }, el("path", { className: "uagb-columns__shape-fill", d: "M0 0v1.4c.6.7 1.1 1.4 1.4 2 2 3.8 2.2 6.6 1.8 10.8-.3 3.3-2.4 9.4 0 12.3 1.7 2 3.7 1.4 4.6-.9 1.4-3.8-.7-8.2-.6-12 .1-3.7 3.2-5.5 6.9-4.9 4 .6 4.8 4 4.9 7.4.1 1.8-1.1 7 0 8.5.6.8 1.6 1.2 2.4.5 1.4-1.1.1-5.4.1-6.9.1-3.7.3-8.6 4.1-10.5 5-2.5 6.2 1.6 5.4 5.6-.4 1.7-1 9.2 2.9 6.3 1.5-1.1.7-3.5.5-4.9-.4-2.4-.4-4.3 1-6.5.9-1.4 2.4-3.1 4.2-3 2.4.1 2.7 2.2 4 3.7 1.5 1.8 1.8 2.2 3 .1 1.1-1.9 1.2-2.8 3.6-3.3 1.3-.3 4.8-1.4 5.9-.5 1.5 1.1.6 2.8.4 4.3-.2 1.1-.6 4 1.8 3.4 1.7-.4-.3-4.1.6-5.6 1.3-2.2 5.8-1.4 7 .5 1.3 2.1.5 5.8.1 8.1s-1.2 5-.6 7.4c1.3 5.1 4.4.9 4.3-2.4-.1-4.4-2-8.8-.5-13 .9-2.4 4.6-6.6 7.7-4.5 2.7 1.8.5 7.8.2 10.3-.2 1.7-.8 4.6.2 6.2.9 1.4 2 1.5 2.6-.3.5-1.5-.9-4.5-1-6.1-.2-1.7-.4-3.7.2-5.4 1.8-5.6 3.5 2.4 6.3.6 1.4-.9 4.3-9.4 6.1-3.1.6 2.2-1.3 7.8.7 8.9 4.2 2.3 1.5-7.1 2.2-8 3.1-4 4.7 3.8 6.1 4.1 3.1.7 2.8-7.9 8.1-4.5 1.7 1.1 2.9 3.3 3.2 5.2.4 2.2-1 4.5-.6 6.6 1 4.3 4.4 1.5 4.4-1.7 0-2.7-3-8.3 1.4-9.1 4.4-.9 7.3 3.5 7.8 6.9.3 2-1.5 10.9 1.3 11.3 4.1.6-3.2-15.7 4.8-15.8 4.7-.1 2.8 4.1 3.9 6.6 1 2.4 2.1 1 2.3-.8.3-1.9-.9-3.2 1.3-4.3 5.9-2.9 5.9 5.4 5.5 8.5-.3 2-1.7 8.4 2 8.1 6.9-.5-2.8-16.9 4.8-18.7 4.7-1.2 6.1 3.6 6.3 7.1.1 1.7-1.2 8.1.6 9.1 3.5 2 1.9-7 2-8.4.2-4 1.2-9.6 6.4-9.8 4.7-.2 3.2 4.6 2.7 7.5-.4 2.2 1.3 8.6 3.8 4.4 1.1-1.9-.3-4.1-.3-6 0-1.7.4-3.2 1.3-4.6 1-1.6 2.9-3.5 5.1-2.9 2.5.6 2.3 4.1 4.1 4.9 1.9.8 1.6-.9 2.3-2.1 1.2-2.1 2.1-2.1 4.4-2.4 1.4-.2 3.6-1.5 4.9-.5 2.3 1.7-.7 4.4.1 6.5.6 1.5 2.1 1.7 2.8.3.7-1.4-1.1-3.4-.3-4.8 1.4-2.5 6.2-1.2 7.2 1 2.3 4.8-3.3 12-.2 16.3 3 4.1 3.9-2.8 3.8-4.8-.4-4.3-2.1-8.9 0-13.1 1.3-2.5 5.9-5.7 7.9-2.4 2 3.2-1.3 9.8-.8 13.4.5 4.4 3.5 3.3 2.7-.8-.4-1.9-2.4-10 .6-11.1 3.7-1.4 2.8 7.2 6.5.4 2.2-4.1 4.9-3.1 5.2 1.2.1 1.5-.6 3.1-.4 4.6.2 1.9 1.8 3.7 3.3 1.3 1-1.6-2.6-10.4 2.9-7.3 2.6 1.5 1.6 6.5 4.8 2.7 1.3-1.5 1.7-3.6 4-3.7 2.2-.1 4 2.3 4.8 4.1 1.3 2.9-1.5 8.4.9 10.3 4.2 3.3 3-5.5 2.7-6.9-.6-3.9 1-7.2 5.5-5 4.1 2.1 4.3 7.7 4.1 11.6 0 .8-.6 9.5 2.5 5.2 1.2-1.7-.1-7.7.1-9.6.3-2.9 1.2-5.5 4.3-6.2 4.5-1 7.7 1.5 7.4 5.8-.2 3.5-1.8 7.7-.5 11.1 1 2.7 3.6 2.8 5 .2 1.6-3.1 0-8.3-.4-11.6-.4-4.2-.2-7 1.8-10.8 0 0-.1.1-.1.2-.2.4-.3.7-.4.8v.1c-.1.2-.1.2 0 0v-.1l.4-.8c0-.1.1-.1.1-.2.2-.4.5-.8.8-1.2V0H0zM282.7 3.4z" })),
- "clouds": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 283.5 27.8", preserveAspectRatio: "xMidYMax slice" }, el("path", { className: "uagb-columns__shape-fill", d: "M0 0v6.7c1.9-.8 4.7-1.4 8.5-1 9.5 1.1 11.1 6 11.1 6s2.1-.7 4.3-.2c2.1.5 2.8 2.6 2.8 2.6s.2-.5 1.4-.7c1.2-.2 1.7.2 1.7.2s0-2.1 1.9-2.8c1.9-.7 3.6.7 3.6.7s.7-2.9 3.1-4.1 4.7 0 4.7 0 1.2-.5 2.4 0 1.7 1.4 1.7 1.4h1.4c.7 0 1.2.7 1.2.7s.8-1.8 4-2.2c3.5-.4 5.3 2.4 6.2 4.4.4-.4 1-.7 1.8-.9 2.8-.7 4 .7 4 .7s1.7-5 11.1-6c9.5-1.1 12.3 3.9 12.3 3.9s1.2-4.8 5.7-5.7c4.5-.9 6.8 1.8 6.8 1.8s.6-.6 1.5-.9c.9-.2 1.9-.2 1.9-.2s5.2-6.4 12.6-3.3c7.3 3.1 4.7 9 4.7 9s1.9-.9 4 0 2.8 2.4 2.8 2.4 1.9-1.2 4.5-1.2 4.3 1.2 4.3 1.2.2-1 1.4-1.7 2.1-.7 2.1-.7-.5-3.1 2.1-5.5 5.7-1.4 5.7-1.4 1.5-2.3 4.2-1.1c2.7 1.2 1.7 5.2 1.7 5.2s.3-.1 1.3.5c.5.4.8.8.9 1.1.5-1.4 2.4-5.8 8.4-4 7.1 2.1 3.5 8.9 3.5 8.9s.8-.4 2 0 1.1 1.1 1.1 1.1 1.1-1.1 2.3-1.1 2.1.5 2.1.5 1.9-3.6 6.2-1.2 1.9 6.4 1.9 6.4 2.6-2.4 7.4 0c3.4 1.7 3.9 4.9 3.9 4.9s3.3-6.9 10.4-7.9 11.5 2.6 11.5 2.6.8 0 1.2.2c.4.2.9.9.9.9s4.4-3.1 8.3.2c1.9 1.7 1.5 5 1.5 5s.3-1.1 1.6-1.4c1.3-.3 2.3.2 2.3.2s-.1-1.2.5-1.9 1.9-.9 1.9-.9-4.7-9.3 4.4-13.4c5.6-2.5 9.2.9 9.2.9s5-6.2 15.9-6.2 16.1 8.1 16.1 8.1.7-.2 1.6-.4V0H0z" })),
- "zigzag": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1800 5.8", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", d: "M5.4.4l5.4 5.3L16.5.4l5.4 5.3L27.5.4 33 5.7 38.6.4l5.5 5.4h.1L49.9.4l5.4 5.3L60.9.4l5.5 5.3L72 .4l5.5 5.3L83.1.4l5.4 5.3L94.1.4l5.5 5.4h.2l5.6-5.4 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.2l5.6-5.4 5.4 5.3L161 .4l5.4 5.3L172 .4l5.5 5.3 5.6-5.3 5.4 5.3 5.7-5.3 5.4 5.4h.2l5.6-5.4 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.4h.2l5.6-5.4 5.5 5.3L261 .4l5.4 5.3L272 .4l5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.1l5.7-5.4 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.7-5.3 5.4 5.4h.2l5.6-5.4 5.5 5.3L361 .4l5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.1l5.7-5.4 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.1l5.6-5.4 5.5 5.3L461 .4l5.5 5.3 5.6-5.3 5.4 5.3 5.7-5.3 5.4 5.3 5.6-5.3 5.5 5.4h.2l5.6-5.4 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.1L550 .4l5.4 5.3L561 .4l5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.4h.2l5.6-5.4 5.5 5.3 5.6-5.3 5.4 5.3 5.7-5.3 5.4 5.3 5.6-5.3 5.5 5.4h.2L650 .4l5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.4h.2l5.6-5.4 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.4h.2L750 .4l5.5 5.3 5.6-5.3 5.4 5.3 5.7-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.1l5.7-5.4 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.4h.2L850 .4l5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.2l5.6-5.4 5.4 5.3 5.7-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.1l5.7-5.4 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.4h.2l5.6-5.4 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.2l5.6-5.4 5.4 5.3 5.7-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.4h.2l5.6-5.4 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.4h.2l5.6-5.4 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.1l5.7-5.4 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.4h.2l5.6-5.4 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.2l5.6-5.4 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.1l5.7-5.4 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.4h.2l5.6-5.4 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.2l5.6-5.4 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.7-5.3 5.4 5.4h.2l5.6-5.4 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.4h.2l5.6-5.4 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.1l5.6-5.4 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.7-5.3 5.4 5.4h.2l5.6-5.4 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.1l5.7-5.4 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.1l5.6-5.4 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.7-5.3 5.4 5.3 5.6-5.3 5.5 5.4V0H-.2v5.8z" })),
- "pyramids": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1000 100", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", d: "M761.9,44.1L643.1,27.2L333.8,98L0,3.8V0l1000,0v3.9" })),
- "triangle_asymmetrical": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1000 100", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", d: "M738,99l262-93V0H0v5.6L738,99z" })),
- "tilt_opacity": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 2600 131.1", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", d: "M0 0L2600 0 2600 69.1 0 0z" }), el("path", { className: "uagb-columns__shape-fill", opacity: "0.5", d: "M0 0L2600 0 2600 69.1 0 69.1z" }), el("path", { className: "uagb-columns__shape-fill", opacity: "0.25", d: "M2600 0L0 0 0 130.1 2600 69.1z" })),
- "fan_opacity": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 283.5 19.6", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", opacity: "0.33", d: "M0 0L0 18.8 141.8 4.1 283.5 18.8 283.5 0z" }), el("path", { className: "uagb-columns__shape-fill", opacity: "0.33", d: "M0 0L0 12.6 141.8 4 283.5 12.6 283.5 0z" }), el("path", { className: "uagb-columns__shape-fill", opacity: "0.33", d: "M0 0L0 6.4 141.8 4 283.5 6.4 283.5 0z" }), el("path", { className: "uagb-columns__shape-fill", d: "M0 0L0 1.2 141.8 4 283.5 1.2 283.5 0z" })),
- "curve": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1000 100", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", d: "M1000,4.3V0H0v4.3C0.9,23.1,126.7,99.2,500,100S1000,22.7,1000,4.3z" })),
- "curve_asymmetrical": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1000 100", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", d: "M0,0c0,0,0,6,0,6.7c0,18,240.2,93.6,615.2,92.6C989.8,98.5,1000,25,1000,6.7c0-0.7,0-6.7,0-6.7H0z" })),
- "arrow": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 700 10", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", d: "M350,10L340,0h20L350,10z" })),
- "arrow_split": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1000 20", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", d: "M0,0v3c0,0,393.8,0,483.4,0c9.2,0,16.6,7.4,16.6,16.6c0-9.1,7.4-16.6,16.6-16.6C606.2,3,1000,3,1000,3V0H0z" })),
- "book": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1000 100", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", d: "M194,99c186.7,0.7,305-78.3,306-97.2c1,18.9,119.3,97.9,306,97.2c114.3-0.3,194,0.3,194,0.3s0-91.7,0-100c0,0,0,0,0-0 L0,0v99.3C0,99.3,79.7,98.7,194,99z" }))
-};
-
-/* harmony default export */ __webpack_exports__["a"] = (shapes);
+/* harmony default export */ __webpack_exports__["a"] = (InfoBoxCta);
/***/ }),
-/* 106 */
-/*!************************************************************!*\
- !*** ./src/blocks/blockquote/components/TweetButtonCTA.js ***!
- \************************************************************/
+/* 114 */
+/*!*********************************************************!*\
+ !*** ./src/blocks/testimonial/components/AuthorName.js ***!
+ \*********************************************************/
/*! exports provided: default */
/*! exports used: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__dist_blocks_uagb_controls_block_icons__ = __webpack_require__(/*! ../../../../dist/blocks/uagb-controls/block-icons */ 1);
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-var Fragment = wp.element.Fragment;
-
-
+var RichText = wp.blockEditor.RichText;
+var __ = wp.i18n.__;
+var createBlock = wp.blocks.createBlock;
-var TweetButtonCTA = function (_React$Component) {
- _inherits(TweetButtonCTA, _React$Component);
+var AuthorName = function (_React$Component) {
+ _inherits(AuthorName, _React$Component);
- function TweetButtonCTA() {
- _classCallCheck(this, TweetButtonCTA);
+ function AuthorName() {
+ _classCallCheck(this, AuthorName);
- return _possibleConstructorReturn(this, (TweetButtonCTA.__proto__ || Object.getPrototypeOf(TweetButtonCTA)).apply(this, arguments));
+ return _possibleConstructorReturn(this, (AuthorName.__proto__ || Object.getPrototypeOf(AuthorName)).apply(this, arguments));
}
- _createClass(TweetButtonCTA, [{
+ _createClass(AuthorName, [{
key: "render",
value: function render() {
- var attributes = this.props.attributes;
+ var _props = this.props,
+ attributes = _props.attributes,
+ setAttributes = _props.setAttributes,
+ props = _props.props,
+ index_value = _props.index_value;
- return wp.element.createElement(
- "a",
- { href: "/", className: "uagb-blockquote__tweet-button", target: "_blank", rel: "noopener noreferrer" },
- attributes.iconView === "icon_text" && wp.element.createElement(
- Fragment,
- null,
- __WEBPACK_IMPORTED_MODULE_0__dist_blocks_uagb_controls_block_icons__["a" /* default */].quote_tweet_icon,
- wp.element.createElement(
- "span",
- { className: "uagb-blockquote__tweet-label" },
- attributes.iconLabel
- )
- ),
- attributes.iconView === "icon" && wp.element.createElement(
- Fragment,
- null,
- __WEBPACK_IMPORTED_MODULE_0__dist_blocks_uagb_controls_block_icons__["a" /* default */].quote_tweet_icon
- ),
- attributes.iconView === "text" && wp.element.createElement(
- Fragment,
- null,
- wp.element.createElement(
- "span",
- { className: "uagb-blockquote__tweet-label" },
- attributes.iconLabel
- )
- )
- );
+ var test_arr = attributes.test_block[index_value];
+ var author_name = "";
+ if (test_arr && typeof test_arr !== "undefined") {
+ author_name = test_arr["name"];
+ }
+
+ var data_copy = [].concat(_toConsumableArray(attributes.test_block));
+
+ if (setAttributes !== "not_set") {
+ return wp.element.createElement(RichText, {
+ tagName: "div",
+ value: author_name,
+ placeholder: __("Author Name", 'ultimate-addons-for-gutenberg'),
+ className: "uagb-tm__author-name",
+ onChange: function onChange(value) {
+ var new_content = { "description": data_copy[index_value]["description"], "name": value, "company": data_copy[index_value]["company"], "image": data_copy[index_value]["image"] };
+ data_copy[index_value] = new_content;
+ setAttributes({ "test_block": data_copy });
+ },
+ onMerge: props.mergeBlocks,
+ onSplit: props.insertBlocksAfter ? function (before, after) {
+ for (var _len = arguments.length, blocks = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+ blocks[_key - 2] = arguments[_key];
+ }
+
+ setAttributes({ content: before });
+ props.insertBlocksAfter([].concat(blocks, [createBlock("core/paragraph", { content: after })]));
+ } : undefined,
+ onRemove: function onRemove() {
+ return props.onReplace([]);
+ }
+ });
+ } else {
+ return wp.element.createElement(RichText.Content, {
+ tagName: "span",
+ value: author_name,
+ className: "uagb-tm__author-name"
+ });
+ }
}
}]);
- return TweetButtonCTA;
+ return AuthorName;
}(React.Component);
-/* harmony default export */ __webpack_exports__["a"] = (TweetButtonCTA);
+/* harmony default export */ __webpack_exports__["a"] = (AuthorName);
/***/ }),
-/* 107 */
-/*!*********************************************************!*\
- !*** ./src/blocks/blockquote/components/Description.js ***!
- \*********************************************************/
+/* 115 */
+/*!******************************************************!*\
+ !*** ./src/blocks/testimonial/components/Company.js ***!
+ \******************************************************/
/*! exports provided: default */
/*! exports used: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -8376,6 +8416,8 @@ var TweetButtonCTA = function (_React$Component) {
"use strict";
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
@@ -8383,38 +8425,50 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var RichText = wp.blockEditor.RichText;
-var __ = wp.i18n.__;
var createBlock = wp.blocks.createBlock;
+var __ = wp.i18n.__;
-var Description = function (_React$Component) {
- _inherits(Description, _React$Component);
+var Company = function (_React$Component) {
+ _inherits(Company, _React$Component);
- function Description() {
- _classCallCheck(this, Description);
+ function Company() {
+ _classCallCheck(this, Company);
- return _possibleConstructorReturn(this, (Description.__proto__ || Object.getPrototypeOf(Description)).apply(this, arguments));
+ return _possibleConstructorReturn(this, (Company.__proto__ || Object.getPrototypeOf(Company)).apply(this, arguments));
}
- _createClass(Description, [{
+ _createClass(Company, [{
key: "render",
value: function render() {
var _props = this.props,
attributes = _props.attributes,
setAttributes = _props.setAttributes,
- props = _props.props;
+ props = _props.props,
+ index_value = _props.index_value;
+
+ var test_arr = attributes.test_block[index_value];
+ var company = "";
+ if (test_arr && typeof test_arr !== "undefined") {
+ company = test_arr["company"];
+ }
+
+ var data_copy = [].concat(_toConsumableArray(attributes.test_block));
if (setAttributes !== "not_set") {
return wp.element.createElement(RichText, {
tagName: "div",
- value: attributes.descriptionText,
- placeholder: __("Write a Quote"),
- className: "uagb-blockquote__content",
+ value: company,
+ className: "uagb-tm__company",
onChange: function onChange(value) {
- return setAttributes({ descriptionText: value });
+ var new_content = { "description": data_copy[index_value]["description"], "name": data_copy[index_value]["name"], "company": value, "image": data_copy[index_value]["image"] };
+ data_copy[index_value] = new_content;
+ setAttributes({ "test_block": data_copy });
},
+ multiline: false,
+ placeholder: __("Company Name", 'ultimate-addons-for-gutenberg'),
onMerge: props.mergeBlocks,
- unstableOnSplit: props.insertBlocksAfter ? function (before, after) {
+ onSplit: props.insertBlocksAfter ? function (before, after) {
for (var _len = arguments.length, blocks = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
blocks[_key - 2] = arguments[_key];
}
@@ -8428,24 +8482,24 @@ var Description = function (_React$Component) {
});
} else {
return wp.element.createElement(RichText.Content, {
- tagName: "div",
- value: attributes.descriptionText,
- className: "uagb-blockquote__content"
+ tagName: "span",
+ value: company,
+ className: "uagb-tm__company"
});
}
}
}]);
- return Description;
+ return Company;
}(React.Component);
-/* harmony default export */ __webpack_exports__["a"] = (Description);
+/* harmony default export */ __webpack_exports__["a"] = (Company);
/***/ }),
-/* 108 */
-/*!********************************************************!*\
- !*** ./src/blocks/blockquote/components/AuthorText.js ***!
- \********************************************************/
+/* 116 */
+/*!**********************************************************!*\
+ !*** ./src/blocks/testimonial/components/Description.js ***!
+ \**********************************************************/
/*! exports provided: default */
/*! exports used: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -8453,6 +8507,8 @@ var Description = function (_React$Component) {
"use strict";
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
@@ -8463,35 +8519,47 @@ var RichText = wp.blockEditor.RichText;
var __ = wp.i18n.__;
var createBlock = wp.blocks.createBlock;
-var AuthorText = function (_React$Component) {
- _inherits(AuthorText, _React$Component);
+var Description = function (_React$Component) {
+ _inherits(Description, _React$Component);
- function AuthorText() {
- _classCallCheck(this, AuthorText);
+ function Description() {
+ _classCallCheck(this, Description);
- return _possibleConstructorReturn(this, (AuthorText.__proto__ || Object.getPrototypeOf(AuthorText)).apply(this, arguments));
+ return _possibleConstructorReturn(this, (Description.__proto__ || Object.getPrototypeOf(Description)).apply(this, arguments));
}
- _createClass(AuthorText, [{
+ _createClass(Description, [{
key: "render",
value: function render() {
var _props = this.props,
attributes = _props.attributes,
setAttributes = _props.setAttributes,
- props = _props.props;
+ props = _props.props,
+ index_value = _props.index_value;
+
+
+ var test_arr = attributes.test_block[index_value];
+ var description = "";
+ if (test_arr && typeof test_arr !== "undefined") {
+ description = test_arr["description"];
+ }
+ var data_copy = [].concat(_toConsumableArray(attributes.test_block));
if (setAttributes !== "not_set") {
return wp.element.createElement(RichText, {
tagName: "div",
- value: attributes.author,
- placeholder: __("Author"),
- className: "uagb-blockquote__author",
+ value: description,
+ placeholder: __("Write Description", 'ultimate-addons-for-gutenberg'),
+ className: "uagb-tm__desc",
onChange: function onChange(value) {
- return setAttributes({ author: value });
+
+ var new_content = { "description": value, "name": data_copy[index_value]["name"], "company": data_copy[index_value]["company"], "image": data_copy[index_value]["image"] };
+ data_copy[index_value] = new_content;
+ setAttributes({ "test_block": data_copy });
},
onMerge: props.mergeBlocks,
- unstableOnSplit: props.insertBlocksAfter ? function (before, after) {
+ onSplit: props.insertBlocksAfter ? function (before, after) {
for (var _len = arguments.length, blocks = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
blocks[_key - 2] = arguments[_key];
}
@@ -8505,10560 +8573,10302 @@ var AuthorText = function (_React$Component) {
});
} else {
return wp.element.createElement(RichText.Content, {
- tagName: "cite",
- value: attributes.author,
- className: "uagb-blockquote__author"
+ tagName: "div",
+ value: description,
+ className: "uagb-tm__desc"
});
}
}
}]);
- return AuthorText;
+ return Description;
}(React.Component);
-/* harmony default export */ __webpack_exports__["a"] = (AuthorText);
+/* harmony default export */ __webpack_exports__["a"] = (Description);
/***/ }),
-/* 109 */
-/*!*********************************************************!*\
- !*** ./src/blocks/blockquote/components/AuthorImage.js ***!
- \*********************************************************/
+/* 117 */
+/*!*******************************************!*\
+ !*** ./src/blocks/testimonial/classes.js ***!
+ \*******************************************/
/*! exports provided: default */
/*! exports used: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
+/**
+ * Returns Dynamic Generated CSS
+ */
+
+function PositionClasses(attributes) {
+
+ var iconimgStyle_class = "";
+ iconimgStyle_class += " uagb-tm__imgicon-style-" + attributes.iconimgStyle + " ";
+ iconimgStyle_class += "uagb-tm__image-position-" + attributes.imagePosition + " ";
+
+ if (attributes.imagePosition == "left" || attributes.imagePosition == "right") {
+ iconimgStyle_class += "uagb-tm__image-aligned-" + attributes.imageAlignment + " ";
+ if (attributes.stack !== "none") {
+ iconimgStyle_class += "uagb-tm-stacked-" + attributes.stack + " ";
+ if (attributes.imagePosition === "right") {
+ iconimgStyle_class += "uagb-tm-reverse-order-" + attributes.stack + " ";
+ }
+ }
+ }
+
+ iconimgStyle_class += "uagb-tm__bg-type-" + attributes.backgroundType + " ";
+
+ return [iconimgStyle_class];
+}
+
+/* harmony default export */ __webpack_exports__["a"] = (PositionClasses);
+
+/***/ }),
+/* 118 */
+/*!******************************************!*\
+ !*** ./src/blocks/social-share/links.js ***!
+ \******************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+var links = {
+ facebook: "https://www.facebook.com/sharer.php?u=",
+ twitter: "https://twitter.com/share?url=",
+ google: "https://plus.google.com/share?url=",
+ pinterest: "https://pinterest.com/pin/create/link/?url=",
+ linkedin: "https://www.linkedin.com/shareArticle?url=",
+ digg: "http://digg.com/submit?url=",
+ blogger: "https://www.blogger.com/blog_this.pyra?t&u=",
+ reddit: "https://reddit.com/submit?url=",
+ stumbleupon: "https://www.stumbleupon.com/submit?url=",
+ tumblr: "https://www.tumblr.com/widgets/share/tool?canonicalUrl=",
+ myspace: "https://myspace.com/post?u=",
+ email: "mailto:?body="
+};
+
+/* harmony default export */ __webpack_exports__["a"] = (links);
+
+/***/ }),
+/* 119 */
+/*!*********************************************************!*\
+ !*** ./src/blocks/price-list-child/components/Title.js ***!
+ \*********************************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-var AuthorImage = function (_React$Component) {
- _inherits(AuthorImage, _React$Component);
+var RichText = wp.blockEditor.RichText;
+var __ = wp.i18n.__;
- function AuthorImage() {
- _classCallCheck(this, AuthorImage);
+var Title = function (_React$Component) {
+ _inherits(Title, _React$Component);
- return _possibleConstructorReturn(this, (AuthorImage.__proto__ || Object.getPrototypeOf(AuthorImage)).apply(this, arguments));
+ function Title() {
+ _classCallCheck(this, Title);
+
+ return _possibleConstructorReturn(this, (Title.__proto__ || Object.getPrototypeOf(Title)).apply(this, arguments));
}
- _createClass(AuthorImage, [{
+ _createClass(Title, [{
key: "render",
value: function render() {
- var attributes = this.props.attributes;
+ var _props = this.props,
+ attributes = _props.attributes,
+ setAttributes = _props.setAttributes,
+ index_value = _props.index_value;
+ var author_title = "";
- var url_chk = "";
- if (typeof attributes.authorImage !== "undefined" && attributes.authorImage !== null && attributes.authorImage !== "") {
- url_chk = attributes.authorImage.url;
+ if (typeof index_value !== "undefined") {
+ var test_arr = attributes.rest_menu_item_arr[index_value];
+ if (test_arr) {
+ if (typeof test_arr !== "undefined") {
+ author_title = test_arr["title"];
+ }
+ }
+ } else {
+ author_title = attributes.title;
}
- var url = "";
- if (url_chk !== "") {
- var size = attributes.authorImage.sizes;
- var authorImageSize = attributes.authorImageSize;
-
- if (typeof size !== "undefined" && typeof size[authorImageSize] !== "undefined") {
- url = size[authorImageSize].url;
- } else {
- url = url_chk;
- }
+ if (setAttributes !== "not_set") {
- return wp.element.createElement(
- "div",
- { className: "uagb-blockquote__author-image" },
- wp.element.createElement("img", {
- className: "",
- src: url,
- alt: attributes.authorImage.alt
- })
- );
+ return wp.element.createElement(RichText, {
+ tagName: attributes.headingTag,
+ value: author_title,
+ placeholder: __("Write a Title"),
+ className: "uagb-rm__title",
+ onChange: function onChange(value) {
+ setAttributes({ "title": value });
+ }
+ });
} else {
- return null;
+ return wp.element.createElement(RichText.Content, {
+ tagName: attributes.headingTag,
+ value: author_title,
+ className: "uagb-rm__title"
+ });
}
}
}]);
- return AuthorImage;
+ return Title;
}(React.Component);
-/* harmony default export */ __webpack_exports__["a"] = (AuthorImage);
+/* harmony default export */ __webpack_exports__["a"] = (Title);
/***/ }),
-/* 110 */
-/*!***************************************************!*\
- !*** ./src/blocks/advanced-heading/attributes.js ***!
- \***************************************************/
+/* 120 */
+/*!*********************************************************!*\
+ !*** ./src/blocks/price-list-child/components/Price.js ***!
+ \*********************************************************/
/*! exports provided: default */
/*! exports used: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-var attributes = {
- block_id: {
- type: "string"
- },
- classMigrate: {
- type: "boolean",
- default: false
- },
- headingTitle: {
- source: "html",
- selector: "h1,h2,h3,h4,h5,h6"
- },
- headingId: {
- type: "string"
- },
- headingDesc: {
- source: "html",
- selector: "p",
- default: ""
- },
- headingAlign: {
- type: "string",
- default: "center"
- },
- headingColor: {
- type: "string"
- },
- subHeadingColor: {
- type: "string"
- },
- separatorColor: {
- type: "string"
- },
- headingTag: {
- type: "string",
- default: "h2"
- },
- level: {
- type: "number",
- default: 2
- },
- seperatorStyle: {
- type: "string",
- default: "solid"
- },
- separatorHeight: {
- type: "number"
- },
- separatorWidth: {
- type: "number"
- },
- separatorWidthType: {
- type: "string",
- default: "%"
- },
- headSpace: {
- type: "number",
- default: 15
- },
- headFontFamily: {
- type: "string",
- default: "Default"
- },
- headFontWeight: {
- type: "string"
- },
- headFontSubset: {
- type: "string"
- },
- headFontSizeType: {
- type: "string",
- default: "px"
- },
- headLineHeightType: {
- type: "string",
- default: "em"
- },
- headFontSize: {
- type: "number"
- },
- headFontSizeTablet: {
- type: "number"
- },
- headFontSizeMobile: {
- type: "number"
- },
- headLineHeight: {
- type: "number"
- },
- headLineHeightTablet: {
- type: "number"
- },
- headLineHeightMobile: {
- type: "number"
- },
- subHeadFontFamily: {
- type: "string",
- default: ""
- },
- subHeadFontWeight: {
- type: "string"
- },
- subHeadFontSubset: {
- type: "string"
- },
- subHeadFontSize: {
- type: "number"
- },
- subHeadFontSizeType: {
- type: "string",
- default: "px"
- },
- subHeadFontSizeTablet: {
- type: "number"
- },
- subHeadFontSizeMobile: {
- type: "number"
- },
- subHeadLineHeight: {
- type: "number"
- },
- subHeadLineHeightType: {
- type: "string",
- default: "em"
- },
- subHeadLineHeightTablet: {
- type: "number"
- },
- subHeadLineHeightMobile: {
- type: "number"
- },
- separatorSpace: {
- type: "number",
- default: 15
- },
- headLoadGoogleFonts: {
- type: "boolean",
- default: false
- },
- subHeadLoadGoogleFonts: {
- type: "boolean",
- default: false
- }
-};
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-/* harmony default export */ __webpack_exports__["a"] = (attributes);
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-/***/ }),
-/* 111 */
-/*!**********************************************!*\
- !*** ./node_modules/lodash/_baseIteratee.js ***!
- \**********************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports, __webpack_require__) {
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-var baseMatches = __webpack_require__(/*! ./_baseMatches */ 192),
- baseMatchesProperty = __webpack_require__(/*! ./_baseMatchesProperty */ 243),
- identity = __webpack_require__(/*! ./identity */ 47),
- isArray = __webpack_require__(/*! ./isArray */ 14),
- property = __webpack_require__(/*! ./property */ 250);
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-/**
- * The base implementation of `_.iteratee`.
- *
- * @private
- * @param {*} [value=_.identity] The value to convert to an iteratee.
- * @returns {Function} Returns the iteratee.
- */
-function baseIteratee(value) {
- // Don't store the `typeof` result in a variable to avoid a JIT bug in Safari 9.
- // See https://bugs.webkit.org/show_bug.cgi?id=156034 for more details.
- if (typeof value == 'function') {
- return value;
- }
- if (value == null) {
- return identity;
- }
- if (typeof value == 'object') {
- return isArray(value)
- ? baseMatchesProperty(value[0], value[1])
- : baseMatches(value);
- }
- return property(value);
-}
+var RichText = wp.blockEditor.RichText;
+var __ = wp.i18n.__;
-module.exports = baseIteratee;
+var Price = function (_React$Component) {
+ _inherits(Price, _React$Component);
+ function Price() {
+ _classCallCheck(this, Price);
-/***/ }),
-/* 112 */
-/*!*******************************************!*\
- !*** ./node_modules/lodash/isFunction.js ***!
- \*******************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports, __webpack_require__) {
+ return _possibleConstructorReturn(this, (Price.__proto__ || Object.getPrototypeOf(Price)).apply(this, arguments));
+ }
-var baseGetTag = __webpack_require__(/*! ./_baseGetTag */ 20),
- isObject = __webpack_require__(/*! ./isObject */ 13);
+ _createClass(Price, [{
+ key: "render",
+ value: function render() {
+ var _props = this.props,
+ attributes = _props.attributes,
+ setAttributes = _props.setAttributes,
+ index_value = _props.index_value;
-/** `Object#toString` result references. */
-var asyncTag = '[object AsyncFunction]',
- funcTag = '[object Function]',
- genTag = '[object GeneratorFunction]',
- proxyTag = '[object Proxy]';
-/**
- * Checks if `value` is classified as a `Function` object.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a function, else `false`.
- * @example
- *
- * _.isFunction(_);
- * // => true
- *
- * _.isFunction(/abc/);
- * // => false
- */
-function isFunction(value) {
- if (!isObject(value)) {
- return false;
- }
- // The use of `Object#toString` avoids issues with the `typeof` operator
- // in Safari 9 which returns 'object' for typed arrays and other constructors.
- var tag = baseGetTag(value);
- return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
-}
+ var price = "";
+ if (typeof index_value !== "undefined") {
+ var rest_arr = attributes.rest_menu_item_arr[index_value];
+ if (rest_arr) {
+ if (typeof rest_arr !== "undefined") {
+ price = rest_arr["price"];
+ }
+ }
+ } else {
+ price = attributes.price;
+ }
-module.exports = isFunction;
+ if (setAttributes !== "not_set") {
+ return wp.element.createElement(RichText, {
+ tagName: "div",
+ value: price,
+ className: "uagb-rm__price",
+ placeholder: __("Price"),
+ onChange: function onChange(value) {
+ setAttributes({ "price": value });
+ }
+ });
+ } else {
+ return wp.element.createElement(RichText.Content, {
+ tagName: "span",
+ value: price,
+ className: "uagb-rm__price"
+ });
+ }
+ }
+ }]);
+ return Price;
+}(React.Component);
+
+/* harmony default export */ __webpack_exports__["a"] = (Price);
/***/ }),
-/* 113 */
-/*!********************************************!*\
- !*** ./node_modules/lodash/_freeGlobal.js ***!
- \********************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports, __webpack_require__) {
+/* 121 */
+/*!***************************************************************!*\
+ !*** ./src/blocks/price-list-child/components/Description.js ***!
+ \***************************************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
-/* WEBPACK VAR INJECTION */(function(global) {/** Detect free variable `global` from Node.js. */
-var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;
+"use strict";
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-module.exports = freeGlobal;
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(/*! ./../webpack/buildin/global.js */ 54)))
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-/***/ }),
-/* 114 */
-/*!******************************************!*\
- !*** ./node_modules/lodash/_toSource.js ***!
- \******************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports) {
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-/** Used for built-in method references. */
-var funcProto = Function.prototype;
+var RichText = wp.blockEditor.RichText;
+var __ = wp.i18n.__;
-/** Used to resolve the decompiled source of functions. */
-var funcToString = funcProto.toString;
+var Description = function (_React$Component) {
+ _inherits(Description, _React$Component);
-/**
- * Converts `func` to its source code.
- *
- * @private
- * @param {Function} func The function to convert.
- * @returns {string} Returns the source code.
- */
-function toSource(func) {
- if (func != null) {
- try {
- return funcToString.call(func);
- } catch (e) {}
- try {
- return (func + '');
- } catch (e) {}
- }
- return '';
-}
+ function Description() {
+ _classCallCheck(this, Description);
-module.exports = toSource;
+ return _possibleConstructorReturn(this, (Description.__proto__ || Object.getPrototypeOf(Description)).apply(this, arguments));
+ }
+ _createClass(Description, [{
+ key: "render",
+ value: function render() {
+ var _props = this.props,
+ attributes = _props.attributes,
+ setAttributes = _props.setAttributes,
+ index_value = _props.index_value;
-/***/ }),
-/* 115 */
-/*!*********************************************!*\
- !*** ./node_modules/lodash/_baseIsEqual.js ***!
- \*********************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports, __webpack_require__) {
-var baseIsEqualDeep = __webpack_require__(/*! ./_baseIsEqualDeep */ 222),
- isObjectLike = __webpack_require__(/*! ./isObjectLike */ 17);
+ var description = "";
+ if (typeof index_value !== "undefined") {
+ var rest_arr = attributes.rest_menu_item_arr[index_value];
+ if (rest_arr) {
+ if (typeof rest_arr !== "undefined") {
+ description = rest_arr["description"];
+ }
+ }
+ } else {
+ description = attributes.description;
+ }
-/**
- * The base implementation of `_.isEqual` which supports partial comparisons
- * and tracks traversed objects.
- *
- * @private
- * @param {*} value The value to compare.
- * @param {*} other The other value to compare.
- * @param {boolean} bitmask The bitmask flags.
- * 1 - Unordered comparison
- * 2 - Partial comparison
- * @param {Function} [customizer] The function to customize comparisons.
- * @param {Object} [stack] Tracks traversed `value` and `other` objects.
- * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
- */
-function baseIsEqual(value, other, bitmask, customizer, stack) {
- if (value === other) {
- return true;
- }
- if (value == null || other == null || (!isObjectLike(value) && !isObjectLike(other))) {
- return value !== value && other !== other;
- }
- return baseIsEqualDeep(value, other, bitmask, customizer, baseIsEqual, stack);
-}
+ if (setAttributes !== "not_set") {
+ return wp.element.createElement(RichText, {
+ tagName: "div",
+ value: description,
+ placeholder: __("Write a Description"),
+ className: "uagb-rm__desc",
+ onChange: function onChange(value) {
+ setAttributes({ "description": value });
+ }
+ });
+ } else {
+ return wp.element.createElement(RichText.Content, {
+ tagName: "div",
+ value: description,
+ className: "uagb-rm__desc"
+ });
+ }
+ }
+ }]);
-module.exports = baseIsEqual;
+ return Description;
+}(React.Component);
+/* harmony default export */ __webpack_exports__["a"] = (Description);
/***/ }),
-/* 116 */
-/*!*********************************************!*\
- !*** ./node_modules/lodash/_equalArrays.js ***!
- \*********************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports, __webpack_require__) {
-
-var SetCache = __webpack_require__(/*! ./_SetCache */ 223),
- arraySome = __webpack_require__(/*! ./_arraySome */ 226),
- cacheHas = __webpack_require__(/*! ./_cacheHas */ 227);
+/* 122 */
+/*!*****************************************************************!*\
+ !*** ./src/blocks/price-list-child/components/RestMenuImage.js ***!
+ \*****************************************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
-/** Used to compose bitmasks for value comparisons. */
-var COMPARE_PARTIAL_FLAG = 1,
- COMPARE_UNORDERED_FLAG = 2;
+"use strict";
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-/**
- * A specialized version of `baseIsEqualDeep` for arrays with support for
- * partial deep comparisons.
- *
- * @private
- * @param {Array} array The array to compare.
- * @param {Array} other The other array to compare.
- * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details.
- * @param {Function} customizer The function to customize comparisons.
- * @param {Function} equalFunc The function to determine equivalents of values.
- * @param {Object} stack Tracks traversed `array` and `other` objects.
- * @returns {boolean} Returns `true` if the arrays are equivalent, else `false`.
- */
-function equalArrays(array, other, bitmask, customizer, equalFunc, stack) {
- var isPartial = bitmask & COMPARE_PARTIAL_FLAG,
- arrLength = array.length,
- othLength = other.length;
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- if (arrLength != othLength && !(isPartial && othLength > arrLength)) {
- return false;
- }
- // Assume cyclic values are equal.
- var stacked = stack.get(array);
- if (stacked && stack.get(other)) {
- return stacked == other;
- }
- var index = -1,
- result = true,
- seen = (bitmask & COMPARE_UNORDERED_FLAG) ? new SetCache : undefined;
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- stack.set(array, other);
- stack.set(other, array);
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- // Ignore non-index properties.
- while (++index < arrLength) {
- var arrValue = array[index],
- othValue = other[index];
+var RestMenuImage = function (_React$Component) {
+ _inherits(RestMenuImage, _React$Component);
- if (customizer) {
- var compared = isPartial
- ? customizer(othValue, arrValue, index, other, array, stack)
- : customizer(arrValue, othValue, index, array, other, stack);
- }
- if (compared !== undefined) {
- if (compared) {
- continue;
- }
- result = false;
- break;
- }
- // Recursively compare arrays (susceptible to call stack limits).
- if (seen) {
- if (!arraySome(other, function(othValue, othIndex) {
- if (!cacheHas(seen, othIndex) &&
- (arrValue === othValue || equalFunc(arrValue, othValue, bitmask, customizer, stack))) {
- return seen.push(othIndex);
- }
- })) {
- result = false;
- break;
- }
- } else if (!(
- arrValue === othValue ||
- equalFunc(arrValue, othValue, bitmask, customizer, stack)
- )) {
- result = false;
- break;
- }
- }
- stack['delete'](array);
- stack['delete'](other);
- return result;
-}
+ function RestMenuImage() {
+ _classCallCheck(this, RestMenuImage);
-module.exports = equalArrays;
+ return _possibleConstructorReturn(this, (RestMenuImage.__proto__ || Object.getPrototypeOf(RestMenuImage)).apply(this, arguments));
+ }
+ _createClass(RestMenuImage, [{
+ key: "render",
+ value: function render() {
+ var _props = this.props,
+ attributes = _props.attributes,
+ index_value = _props.index_value;
-/***/ }),
-/* 117 */
-/*!********************************************!*\
- !*** ./node_modules/lodash/_Uint8Array.js ***!
- \********************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports, __webpack_require__) {
+ var url_check = "";
+ var image_arr = "";
-var root = __webpack_require__(/*! ./_root */ 12);
+ if (typeof index_value !== "undefined") {
+ var image_array = attributes.rest_menu_item_arr[index_value];
+ if (typeof image_array !== "undefined") {
+ image_arr = image_array['image'];
+ }
+ } else {
+ if (attributes.image !== "") {
+ image_arr = attributes.image;
+ }
+ }
-/** Built-in value references. */
-var Uint8Array = root.Uint8Array;
+ if (image_arr && typeof image_arr !== "undefined") {
+ var image = '';
+ if (typeof image_arr !== "undefined") {
+ image = image_arr;
+ } else {
+ image = attributes.image;
+ }
+ var url = "";
-module.exports = Uint8Array;
+ if (typeof image !== "undefined" && image !== null && image !== "") {
+ url_check = image.url;
+ }
+ if (url_check !== "") {
+ var size = image.sizes;
+ var imageSize = attributes.imageSize;
+ if (typeof size !== "undefined" && typeof size[imageSize] !== "undefined") {
+ url = size[imageSize].url;
+ } else {
+ url = url_check;
+ }
-/***/ }),
-/* 118 */
-/*!********************************************!*\
- !*** ./node_modules/lodash/_getAllKeys.js ***!
- \********************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports, __webpack_require__) {
+ return wp.element.createElement(
+ "div",
+ { className: "uagb-rm__image-content" },
+ wp.element.createElement(
+ "div",
+ { className: "uagb-rm__image" },
+ wp.element.createElement("img", {
+ className: "",
+ src: url,
+ alt: image.alt
+ })
+ )
+ );
+ } else {
+ return null;
+ }
+ } else {
+ return null;
+ }
+ }
+ }]);
-var baseGetAllKeys = __webpack_require__(/*! ./_baseGetAllKeys */ 119),
- getSymbols = __webpack_require__(/*! ./_getSymbols */ 57),
- keys = __webpack_require__(/*! ./keys */ 23);
+ return RestMenuImage;
+}(React.Component);
-/**
- * Creates an array of own enumerable property names and symbols of `object`.
- *
- * @private
- * @param {Object} object The object to query.
- * @returns {Array} Returns the array of property names and symbols.
- */
-function getAllKeys(object) {
- return baseGetAllKeys(object, keys, getSymbols);
-}
+/* harmony default export */ __webpack_exports__["a"] = (RestMenuImage);
-module.exports = getAllKeys;
+/***/ }),
+/* 123 */
+/*!****************************************!*\
+ !*** ./src/blocks/timeline/style.scss ***!
+ \****************************************/
+/*! dynamic exports provided */
+/***/ (function(module, exports) {
+// removed by extract-text-webpack-plugin
/***/ }),
-/* 119 */
-/*!************************************************!*\
- !*** ./node_modules/lodash/_baseGetAllKeys.js ***!
- \************************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports, __webpack_require__) {
+/* 124 */
+/*!*******************************************************!*\
+ !*** ./src/blocks/call-to-action/components/Title.js ***!
+ \*******************************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
-var arrayPush = __webpack_require__(/*! ./_arrayPush */ 56),
- isArray = __webpack_require__(/*! ./isArray */ 14);
+"use strict";
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-/**
- * The base implementation of `getAllKeys` and `getAllKeysIn` which uses
- * `keysFunc` and `symbolsFunc` to get the enumerable property names and
- * symbols of `object`.
- *
- * @private
- * @param {Object} object The object to query.
- * @param {Function} keysFunc The function to get the keys of `object`.
- * @param {Function} symbolsFunc The function to get the symbols of `object`.
- * @returns {Array} Returns the array of property names and symbols.
- */
-function baseGetAllKeys(object, keysFunc, symbolsFunc) {
- var result = keysFunc(object);
- return isArray(object) ? result : arrayPush(result, symbolsFunc(object));
-}
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-module.exports = baseGetAllKeys;
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-/***/ }),
-/* 120 */
-/*!******************************************!*\
- !*** ./node_modules/lodash/stubArray.js ***!
- \******************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports) {
+var RichText = wp.blockEditor.RichText;
+var createBlock = wp.blocks.createBlock;
+var __ = wp.i18n.__;
-/**
- * This method returns a new empty array.
- *
- * @static
- * @memberOf _
- * @since 4.13.0
- * @category Util
- * @returns {Array} Returns the new empty array.
- * @example
- *
- * var arrays = _.times(2, _.stubArray);
- *
- * console.log(arrays);
- * // => [[], []]
- *
- * console.log(arrays[0] === arrays[1]);
- * // => false
- */
-function stubArray() {
- return [];
-}
+var Title = function (_React$Component) {
+ _inherits(Title, _React$Component);
-module.exports = stubArray;
+ function Title() {
+ _classCallCheck(this, Title);
+ return _possibleConstructorReturn(this, (Title.__proto__ || Object.getPrototypeOf(Title)).apply(this, arguments));
+ }
-/***/ }),
-/* 121 */
-/*!***********************************************!*\
- !*** ./node_modules/lodash/_arrayLikeKeys.js ***!
- \***********************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports, __webpack_require__) {
+ _createClass(Title, [{
+ key: "render",
+ value: function render() {
+ var _props = this.props,
+ attributes = _props.attributes,
+ setAttributes = _props.setAttributes,
+ props = _props.props;
-var baseTimes = __webpack_require__(/*! ./_baseTimes */ 122),
- isArguments = __webpack_require__(/*! ./isArguments */ 58),
- isArray = __webpack_require__(/*! ./isArray */ 14),
- isBuffer = __webpack_require__(/*! ./isBuffer */ 59),
- isIndex = __webpack_require__(/*! ./_isIndex */ 40),
- isTypedArray = __webpack_require__(/*! ./isTypedArray */ 123);
-/** Used for built-in method references. */
-var objectProto = Object.prototype;
+ if (setAttributes !== "not_set") {
+ return wp.element.createElement(RichText, {
+ tagName: attributes.titleTag,
+ placeholder: __("Write a Heading"),
+ value: attributes.ctaTitle,
+ className: "uagb-cta__title",
+ onChange: function onChange(value) {
+ return setAttributes({ ctaTitle: value });
+ },
+ multiline: false,
+ onMerge: props.mergeBlocks,
+ onSplit: props.insertBlocksAfter ? function (before, after) {
+ for (var _len = arguments.length, blocks = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+ blocks[_key - 2] = arguments[_key];
+ }
-/** Used to check objects for own properties. */
-var hasOwnProperty = objectProto.hasOwnProperty;
+ setAttributes({ content: before });
+ props.insertBlocksAfter([].concat(blocks, [createBlock("core/paragraph", { content: after })]));
+ } : undefined,
+ onRemove: function onRemove() {
+ return props.onReplace([]);
+ }
+ });
+ } else {
+ return wp.element.createElement(RichText.Content, {
+ tagName: attributes.titleTag,
+ value: attributes.ctaTitle,
+ className: "uagb-cta__title"
+ });
+ }
+ }
+ }]);
-/**
- * Creates an array of the enumerable property names of the array-like `value`.
- *
- * @private
- * @param {*} value The value to query.
- * @param {boolean} inherited Specify returning inherited property names.
- * @returns {Array} Returns the array of property names.
- */
-function arrayLikeKeys(value, inherited) {
- var isArr = isArray(value),
- isArg = !isArr && isArguments(value),
- isBuff = !isArr && !isArg && isBuffer(value),
- isType = !isArr && !isArg && !isBuff && isTypedArray(value),
- skipIndexes = isArr || isArg || isBuff || isType,
- result = skipIndexes ? baseTimes(value.length, String) : [],
- length = result.length;
+ return Title;
+}(React.Component);
- for (var key in value) {
- if ((inherited || hasOwnProperty.call(value, key)) &&
- !(skipIndexes && (
- // Safari 9 has enumerable `arguments.length` in strict mode.
- key == 'length' ||
- // Node.js 0.10 has enumerable non-index properties on buffers.
- (isBuff && (key == 'offset' || key == 'parent')) ||
- // PhantomJS 2 has enumerable non-index properties on typed arrays.
- (isType && (key == 'buffer' || key == 'byteLength' || key == 'byteOffset')) ||
- // Skip index properties.
- isIndex(key, length)
- ))) {
- result.push(key);
- }
- }
- return result;
-}
+/* harmony default export */ __webpack_exports__["a"] = (Title);
-module.exports = arrayLikeKeys;
+/***/ }),
+/* 125 */
+/*!*************************************************************!*\
+ !*** ./src/blocks/call-to-action/components/Description.js ***!
+ \*************************************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+"use strict";
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-/***/ }),
-/* 122 */
-/*!*******************************************!*\
- !*** ./node_modules/lodash/_baseTimes.js ***!
- \*******************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports) {
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-/**
- * The base implementation of `_.times` without support for iteratee shorthands
- * or max array length checks.
- *
- * @private
- * @param {number} n The number of times to invoke `iteratee`.
- * @param {Function} iteratee The function invoked per iteration.
- * @returns {Array} Returns the array of results.
- */
-function baseTimes(n, iteratee) {
- var index = -1,
- result = Array(n);
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- while (++index < n) {
- result[index] = iteratee(index);
- }
- return result;
-}
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-module.exports = baseTimes;
+var RichText = wp.blockEditor.RichText;
+var __ = wp.i18n.__;
+var createBlock = wp.blocks.createBlock;
+var Description = function (_React$Component) {
+ _inherits(Description, _React$Component);
-/***/ }),
-/* 123 */
-/*!*********************************************!*\
- !*** ./node_modules/lodash/isTypedArray.js ***!
- \*********************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports, __webpack_require__) {
+ function Description() {
+ _classCallCheck(this, Description);
-var baseIsTypedArray = __webpack_require__(/*! ./_baseIsTypedArray */ 235),
- baseUnary = __webpack_require__(/*! ./_baseUnary */ 41),
- nodeUtil = __webpack_require__(/*! ./_nodeUtil */ 42);
+ return _possibleConstructorReturn(this, (Description.__proto__ || Object.getPrototypeOf(Description)).apply(this, arguments));
+ }
-/* Node.js helper references. */
-var nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;
+ _createClass(Description, [{
+ key: "render",
+ value: function render() {
+ var _props = this.props,
+ attributes = _props.attributes,
+ setAttributes = _props.setAttributes,
+ props = _props.props;
-/**
- * Checks if `value` is classified as a typed array.
- *
- * @static
- * @memberOf _
- * @since 3.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.
- * @example
- *
- * _.isTypedArray(new Uint8Array);
- * // => true
- *
- * _.isTypedArray([]);
- * // => false
- */
-var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
-module.exports = isTypedArray;
+ if (setAttributes !== "not_set") {
+ return wp.element.createElement(RichText, {
+ tagName: "p",
+ value: attributes.description,
+ placeholder: __("Write a Description"),
+ className: "uagb-cta__desc",
+ onChange: function onChange(value) {
+ return setAttributes({ description: value });
+ },
+ onMerge: props.mergeBlocks,
+ onSplit: props.insertBlocksAfter ? function (before, after) {
+ for (var _len = arguments.length, blocks = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+ blocks[_key - 2] = arguments[_key];
+ }
+ setAttributes({ content: before });
+ props.insertBlocksAfter([].concat(blocks, [createBlock("core/paragraph", { content: after })]));
+ } : undefined,
+ onRemove: function onRemove() {
+ return props.onReplace([]);
+ }
+ });
+ } else {
+ return wp.element.createElement(RichText.Content, {
+ tagName: "p",
+ value: attributes.description,
+ className: "uagb-cta__desc"
+ });
+ }
+ }
+ }]);
-/***/ }),
-/* 124 */
-/*!*****************************************!*\
- !*** ./node_modules/lodash/_overArg.js ***!
- \*****************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports) {
+ return Description;
+}(React.Component);
-/**
- * Creates a unary function that invokes `func` with its argument transformed.
- *
- * @private
- * @param {Function} func The function to wrap.
- * @param {Function} transform The argument transform.
- * @returns {Function} Returns the new function.
- */
-function overArg(func, transform) {
- return function(arg) {
- return func(transform(arg));
- };
-}
+/* harmony default export */ __webpack_exports__["a"] = (Description);
-module.exports = overArg;
+/***/ }),
+/* 126 */
+/*!**********************************************!*\
+ !*** ./src/blocks/call-to-action/classes.js ***!
+ \**********************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+"use strict";
+/**
+ * Returns Dynamic Generated Classes
+ */
-/***/ }),
-/* 125 */
-/*!****************************************************!*\
- !*** ./node_modules/lodash/_isStrictComparable.js ***!
- \****************************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports, __webpack_require__) {
+function CtaPositionClasses(attributes) {
-var isObject = __webpack_require__(/*! ./isObject */ 13);
+ var iconimgStyle_class = "";
-/**
- * Checks if `value` is suitable for strict equality comparisons, i.e. `===`.
- *
- * @private
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` if suitable for strict
- * equality comparisons, else `false`.
- */
-function isStrictComparable(value) {
- return value === value && !isObject(value);
-}
+ iconimgStyle_class += "uagb-cta__block" + " ";
+ iconimgStyle_class += "uagb-cta__icon-position-" + attributes.ctaPosition + " ";
-module.exports = isStrictComparable;
+ if (attributes.ctaPosition === "right") {
+ iconimgStyle_class += "uagb-cta__content-right" + " ";
+ }
+ if (attributes.ctaPosition === "right" && attributes.stack !== "none") {
+ iconimgStyle_class += "uagb-cta__content-stacked-" + attributes.stack + " ";
+ }
-/***/ }),
-/* 126 */
-/*!*********************************************************!*\
- !*** ./node_modules/lodash/_matchesStrictComparable.js ***!
- \*********************************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports) {
+ if (attributes.ctaPosition !== "below-title") {
+ iconimgStyle_class += "uagb-cta__button-valign-" + attributes.buttonAlign + " ";
+ }
-/**
- * A specialized version of `matchesProperty` for source values suitable
- * for strict equality comparisons, i.e. `===`.
- *
- * @private
- * @param {string} key The key of the property to get.
- * @param {*} srcValue The value to match.
- * @returns {Function} Returns the new spec function.
- */
-function matchesStrictComparable(key, srcValue) {
- return function(object) {
- if (object == null) {
- return false;
- }
- return object[key] === srcValue &&
- (srcValue !== undefined || (key in Object(object)));
- };
-}
+ if (attributes.ctaType !== "text" && attributes.ctaType !== "button") {
+ iconimgStyle_class += "uagb-cta__button-type-none" + " ";
+ }
-module.exports = matchesStrictComparable;
+ return [iconimgStyle_class];
+}
+/* harmony default export */ __webpack_exports__["a"] = (CtaPositionClasses);
/***/ }),
/* 127 */
-/*!************************************!*\
- !*** ./node_modules/lodash/get.js ***!
- \************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports, __webpack_require__) {
+/*!*****************************************************!*\
+ !*** ./src/blocks/call-to-action/components/CTA.js ***!
+ \*****************************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
-var baseGet = __webpack_require__(/*! ./_baseGet */ 45);
+"use strict";
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_classnames__ = __webpack_require__(/*! classnames */ 0);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_classnames__);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dist_blocks_uagb_controls_renderIcon__ = __webpack_require__(/*! ../../../../dist/blocks/uagb-controls/renderIcon */ 2);
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-/**
- * Gets the value at `path` of `object`. If the resolved value is
- * `undefined`, the `defaultValue` is returned in its place.
- *
- * @static
- * @memberOf _
- * @since 3.7.0
- * @category Object
- * @param {Object} object The object to query.
- * @param {Array|string} path The path of the property to get.
- * @param {*} [defaultValue] The value returned for `undefined` resolved values.
- * @returns {*} Returns the resolved value.
- * @example
- *
- * var object = { 'a': [{ 'b': { 'c': 3 } }] };
- *
- * _.get(object, 'a[0].b.c');
- * // => 3
- *
- * _.get(object, ['a', '0', 'b', 'c']);
- * // => 3
- *
- * _.get(object, 'a.b.c', 'default');
- * // => 'default'
- */
-function get(object, path, defaultValue) {
- var result = object == null ? undefined : baseGet(object, path);
- return result === undefined ? defaultValue : result;
-}
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-module.exports = get;
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-/***/ }),
-/* 128 */
-/*!*****************************************!*\
- !*** ./node_modules/lodash/toString.js ***!
- \*****************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports, __webpack_require__) {
+var __ = wp.i18n.__;
-var baseToString = __webpack_require__(/*! ./_baseToString */ 129);
-/**
- * Converts `value` to a string. An empty string is returned for `null`
- * and `undefined` values. The sign of `-0` is preserved.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to convert.
- * @returns {string} Returns the converted string.
- * @example
- *
- * _.toString(null);
- * // => ''
- *
- * _.toString(-0);
- * // => '-0'
- *
- * _.toString([1, 2, 3]);
- * // => '1,2,3'
- */
-function toString(value) {
- return value == null ? '' : baseToString(value);
-}
-module.exports = toString;
-/***/ }),
-/* 129 */
-/*!**********************************************!*\
- !*** ./node_modules/lodash/_baseToString.js ***!
- \**********************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports, __webpack_require__) {
+var CTA = function (_React$Component) {
+ _inherits(CTA, _React$Component);
-var Symbol = __webpack_require__(/*! ./_Symbol */ 22),
- arrayMap = __webpack_require__(/*! ./_arrayMap */ 34),
- isArray = __webpack_require__(/*! ./isArray */ 14),
- isSymbol = __webpack_require__(/*! ./isSymbol */ 46);
+ function CTA() {
+ _classCallCheck(this, CTA);
-/** Used as references for various `Number` constants. */
-var INFINITY = 1 / 0;
+ return _possibleConstructorReturn(this, (CTA.__proto__ || Object.getPrototypeOf(CTA)).apply(this, arguments));
+ }
-/** Used to convert symbols to primitives and strings. */
-var symbolProto = Symbol ? Symbol.prototype : undefined,
- symbolToString = symbolProto ? symbolProto.toString : undefined;
+ _createClass(CTA, [{
+ key: "render",
+ value: function render() {
+ var _props = this.props,
+ attributes = _props.attributes,
+ setAttributes = _props.setAttributes;
-/**
- * The base implementation of `_.toString` which doesn't convert nullish
- * values to empty strings.
- *
- * @private
- * @param {*} value The value to process.
- * @returns {string} Returns the string.
- */
-function baseToString(value) {
- // Exit early for strings to avoid a performance hit in some environments.
- if (typeof value == 'string') {
- return value;
- }
- if (isArray(value)) {
- // Recursively convert values (susceptible to call stack limits).
- return arrayMap(value, baseToString) + '';
- }
- if (isSymbol(value)) {
- return symbolToString ? symbolToString.call(value) : '';
- }
- var result = (value + '');
- return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
-}
-module.exports = baseToString;
+ var ctaBtnClass = "uagb-cta__block-link uagb-cta__button-link-wrapper uagb-cta-typeof-" + attributes.ctaType;
+ var target = "_self";
+ var rel = "noopener noreferrer";
+ if (attributes.ctaTarget) {
+ target = "_blank";
+ }
-/***/ }),
-/* 130 */
-/*!**********************************************!*\
- !*** ./node_modules/lodash/_baseProperty.js ***!
- \**********************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports) {
+ var cta_icon_output = "";
+ if (attributes.ctaIcon !== "") {
+ cta_icon_output = wp.element.createElement(
+ "span",
+ { className: __WEBPACK_IMPORTED_MODULE_0_classnames___default()("uagb-cta-" + attributes.ctaType + "-icon", "uagb-cta__align-button-" + attributes.ctaIconPosition, "uagb-cta-with-svg") },
+ Object(__WEBPACK_IMPORTED_MODULE_1__dist_blocks_uagb_controls_renderIcon__["a" /* default */])(attributes.ctaIcon)
+ );
+ }
-/**
- * The base implementation of `_.property` without support for deep paths.
- *
- * @private
- * @param {string} key The key of the property to get.
- * @returns {Function} Returns the new accessor function.
- */
-function baseProperty(key) {
- return function(object) {
- return object == null ? undefined : object[key];
- };
-}
+ var link = "/";
+ if (setAttributes == "not_set") {
+ link = attributes.ctaLink;
+ }
+ return wp.element.createElement(
+ "div",
+ { className: "uagb-cta__link-wrapper uagb-cta__block-link-style" },
+ (attributes.ctaType === "button" || attributes.ctaType === "text") && wp.element.createElement(
+ "div",
+ { className: __WEBPACK_IMPORTED_MODULE_0_classnames___default()("uagb-cta__button-wrapper", attributes.inheritFromTheme && attributes.ctaType === "button" ? 'wp-block-button' : null) },
+ wp.element.createElement(
+ "a",
+ {
+ href: link,
+ className: __WEBPACK_IMPORTED_MODULE_0_classnames___default()('uagb-cta__button-link-wrapper', !attributes.inheritFromTheme ? 'uagb-cta__block-link' : null, !attributes.inheritFromTheme ? "uagb-cta-typeof-" + attributes.ctaType : null, attributes.inheritFromTheme && attributes.ctaType === "button" ? 'wp-block-button__link' : null),
+ target: target,
+ rel: rel
+ },
+ attributes.ctaIconPosition === "before" && cta_icon_output,
+ wp.element.createElement(
+ "span",
+ { className: "uagb-cta__link-content-inner" },
+ wp.element.createElement(
+ "span",
+ null,
+ attributes.ctaText
+ )
+ ),
+ attributes.ctaIconPosition === "after" && cta_icon_output
+ )
+ )
+ );
+ }
+ }]);
-module.exports = baseProperty;
+ return CTA;
+}(React.Component);
+/* harmony default export */ __webpack_exports__["a"] = (CTA);
/***/ }),
-/* 131 */
-/*!************************************************************************************!*\
- !*** ./node_modules/react-select/node_modules/memoize-one/dist/memoize-one.esm.js ***!
- \************************************************************************************/
+/* 128 */
+/*!**************************************!*\
+ !*** ./src/blocks/columns/shapes.js ***!
+ \**************************************/
/*! exports provided: default */
/*! exports used: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-function areInputsEqual(newInputs, lastInputs) {
- if (newInputs.length !== lastInputs.length) {
- return false;
- }
- for (var i = 0; i < newInputs.length; i++) {
- if (newInputs[i] !== lastInputs[i]) {
- return false;
- }
- }
- return true;
-}
-
-function memoizeOne(resultFn, isEqual) {
- if (isEqual === void 0) { isEqual = areInputsEqual; }
- var lastThis;
- var lastArgs = [];
- var lastResult;
- var calledOnce = false;
- function memoized() {
- var newArgs = [];
- for (var _i = 0; _i < arguments.length; _i++) {
- newArgs[_i] = arguments[_i];
- }
- if (calledOnce && lastThis === this && isEqual(newArgs, lastArgs)) {
- return lastResult;
- }
- lastResult = resultFn.apply(this, newArgs);
- calledOnce = true;
- lastThis = this;
- lastArgs = newArgs;
- return lastResult;
- }
- return memoized;
-}
+var el = wp.element.createElement;
-/* harmony default export */ __webpack_exports__["a"] = (memoizeOne);
+var shapes = {
+ "triangle": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1000 100", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", d: "M500,98.9L0,6.1V0h1000v6.1L500,98.9z" })),
+ "wave_brush": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 283.5 27.8", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", d: "M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7 s-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7 c-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3 c-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6 c0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7 C239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5 c0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1 c-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7 c0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6 C8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8 c0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2 C74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0.1,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3 C97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1 z M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1 c-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z" }), el("path", { className: "uagb-columns__shape-fill", d: "M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3 C267.7,18.8,269.7,18,269.6,18z" }), el("path", { className: "uagb-columns__shape-fill", d: "M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2 S227.6,9.9,227.4,9.8z" }), el("path", { className: "uagb-columns__shape-fill", d: "M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4 C206.4,12.9,204.6,13.5,204.5,13.4z" }), el("path", { className: "uagb-columns__shape-fill", d: "M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6 S201,10.7,201,10.6z" }), el("path", { className: "uagb-columns__shape-fill", d: "M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3 C152.6,27.5,154.6,26.8,154.5,26.7z" }), el("path", { className: "uagb-columns__shape-fill", d: "M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6 c-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z" }), el("path", { className: "uagb-columns__shape-fill", d: "M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0 C76.9,11.5,75.3,12.5,75.5,12.6z" }), el("path", { className: "uagb-columns__shape-fill", d: "M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4 C19.9,13.7,15.7,13.3,15.6,13.2z" })),
+ "tilt": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1000 100", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", d: "M0,6V0h1000v100L0,6z" })),
+ "mountains": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1000 100", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", opacity: "0.33", d: "M473,67.3c-203.9,88.3-263.1-34-320.3,0C66,119.1,0,59.7,0,59.7V0h1000v59.7 c0,0-62.1,26.1-94.9,29.3c-32.8,3.3-62.8-12.3-75.8-22.1C806,49.6,745.3,8.7,694.9,4.7S492.4,59,473,67.3z" }), el("path", { className: "uagb-columns__shape-fill", opacity: "0.66", d: "M734,67.3c-45.5,0-77.2-23.2-129.1-39.1c-28.6-8.7-150.3-10.1-254,39.1 s-91.7-34.4-149.2,0C115.7,118.3,0,39.8,0,39.8V0h1000v36.5c0,0-28.2-18.5-92.1-18.5C810.2,18.1,775.7,67.3,734,67.3z" }), el("path", { className: "uagb-columns__shape-fill", d: "M766.1,28.9c-200-57.5-266,65.5-395.1,19.5C242,1.8,242,5.4,184.8,20.6C128,35.8,132.3,44.9,89.9,52.5C28.6,63.7,0,0,0,0 h1000c0,0-9.9,40.9-83.6,48.1S829.6,47,766.1,28.9z" })),
+ "waves": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1000 100", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", d: "M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7 c23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4 c21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z" })),
+ "wave_pattern": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1047.1 3.7", preserveAspectRatio: "xMidYMin slice" }, el("path", { className: "uagb-columns__shape-fill", d: "M1047.1,0C557,0,8.9,0,0,0v1.6c0,0,0.6-1.5,2.7-0.3C3.9,2,6.1,4.1,8.3,3.5c0.9-0.2,1.5-1.9,1.5-1.9 s0.6-1.5,2.7-0.3C13.8,2,16,4.1,18.2,3.5c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3C23.6,2,25.9,4.1,28,3.5c0.9-0.2,1.5-1.9,1.5-1.9 c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3C63,2,65.3,4.1,67.4,3.5 C68.3,3.3,69,1.6,69,1.6s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3 C82.7,2,85,4.1,87.1,3.5c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3C92.6,2,94.8,4.1,97,3.5c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9 c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9c0,0,0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2 c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.7-0.3 c1.2,0.7,3.5,2.8,5.6,2.2c0.9-0.2,1.5-1.9,1.5-1.9s0.6-1.5,2.6-0.4V0z M2.5,1.2C2.5,1.2,2.5,1.2,2.5,1.2C2.5,1.2,2.5,1.2,2.5,1.2z M2.7,1.4c0.1,0,0.1,0.1,0.1,0.1C2.8,1.4,2.8,1.4,2.7,1.4z" })),
+ "drops": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 283.5 27.8", preserveAspectRatio: "xMidYMax slice" }, el("path", { className: "uagb-columns__shape-fill", d: "M0 0v1.4c.6.7 1.1 1.4 1.4 2 2 3.8 2.2 6.6 1.8 10.8-.3 3.3-2.4 9.4 0 12.3 1.7 2 3.7 1.4 4.6-.9 1.4-3.8-.7-8.2-.6-12 .1-3.7 3.2-5.5 6.9-4.9 4 .6 4.8 4 4.9 7.4.1 1.8-1.1 7 0 8.5.6.8 1.6 1.2 2.4.5 1.4-1.1.1-5.4.1-6.9.1-3.7.3-8.6 4.1-10.5 5-2.5 6.2 1.6 5.4 5.6-.4 1.7-1 9.2 2.9 6.3 1.5-1.1.7-3.5.5-4.9-.4-2.4-.4-4.3 1-6.5.9-1.4 2.4-3.1 4.2-3 2.4.1 2.7 2.2 4 3.7 1.5 1.8 1.8 2.2 3 .1 1.1-1.9 1.2-2.8 3.6-3.3 1.3-.3 4.8-1.4 5.9-.5 1.5 1.1.6 2.8.4 4.3-.2 1.1-.6 4 1.8 3.4 1.7-.4-.3-4.1.6-5.6 1.3-2.2 5.8-1.4 7 .5 1.3 2.1.5 5.8.1 8.1s-1.2 5-.6 7.4c1.3 5.1 4.4.9 4.3-2.4-.1-4.4-2-8.8-.5-13 .9-2.4 4.6-6.6 7.7-4.5 2.7 1.8.5 7.8.2 10.3-.2 1.7-.8 4.6.2 6.2.9 1.4 2 1.5 2.6-.3.5-1.5-.9-4.5-1-6.1-.2-1.7-.4-3.7.2-5.4 1.8-5.6 3.5 2.4 6.3.6 1.4-.9 4.3-9.4 6.1-3.1.6 2.2-1.3 7.8.7 8.9 4.2 2.3 1.5-7.1 2.2-8 3.1-4 4.7 3.8 6.1 4.1 3.1.7 2.8-7.9 8.1-4.5 1.7 1.1 2.9 3.3 3.2 5.2.4 2.2-1 4.5-.6 6.6 1 4.3 4.4 1.5 4.4-1.7 0-2.7-3-8.3 1.4-9.1 4.4-.9 7.3 3.5 7.8 6.9.3 2-1.5 10.9 1.3 11.3 4.1.6-3.2-15.7 4.8-15.8 4.7-.1 2.8 4.1 3.9 6.6 1 2.4 2.1 1 2.3-.8.3-1.9-.9-3.2 1.3-4.3 5.9-2.9 5.9 5.4 5.5 8.5-.3 2-1.7 8.4 2 8.1 6.9-.5-2.8-16.9 4.8-18.7 4.7-1.2 6.1 3.6 6.3 7.1.1 1.7-1.2 8.1.6 9.1 3.5 2 1.9-7 2-8.4.2-4 1.2-9.6 6.4-9.8 4.7-.2 3.2 4.6 2.7 7.5-.4 2.2 1.3 8.6 3.8 4.4 1.1-1.9-.3-4.1-.3-6 0-1.7.4-3.2 1.3-4.6 1-1.6 2.9-3.5 5.1-2.9 2.5.6 2.3 4.1 4.1 4.9 1.9.8 1.6-.9 2.3-2.1 1.2-2.1 2.1-2.1 4.4-2.4 1.4-.2 3.6-1.5 4.9-.5 2.3 1.7-.7 4.4.1 6.5.6 1.5 2.1 1.7 2.8.3.7-1.4-1.1-3.4-.3-4.8 1.4-2.5 6.2-1.2 7.2 1 2.3 4.8-3.3 12-.2 16.3 3 4.1 3.9-2.8 3.8-4.8-.4-4.3-2.1-8.9 0-13.1 1.3-2.5 5.9-5.7 7.9-2.4 2 3.2-1.3 9.8-.8 13.4.5 4.4 3.5 3.3 2.7-.8-.4-1.9-2.4-10 .6-11.1 3.7-1.4 2.8 7.2 6.5.4 2.2-4.1 4.9-3.1 5.2 1.2.1 1.5-.6 3.1-.4 4.6.2 1.9 1.8 3.7 3.3 1.3 1-1.6-2.6-10.4 2.9-7.3 2.6 1.5 1.6 6.5 4.8 2.7 1.3-1.5 1.7-3.6 4-3.7 2.2-.1 4 2.3 4.8 4.1 1.3 2.9-1.5 8.4.9 10.3 4.2 3.3 3-5.5 2.7-6.9-.6-3.9 1-7.2 5.5-5 4.1 2.1 4.3 7.7 4.1 11.6 0 .8-.6 9.5 2.5 5.2 1.2-1.7-.1-7.7.1-9.6.3-2.9 1.2-5.5 4.3-6.2 4.5-1 7.7 1.5 7.4 5.8-.2 3.5-1.8 7.7-.5 11.1 1 2.7 3.6 2.8 5 .2 1.6-3.1 0-8.3-.4-11.6-.4-4.2-.2-7 1.8-10.8 0 0-.1.1-.1.2-.2.4-.3.7-.4.8v.1c-.1.2-.1.2 0 0v-.1l.4-.8c0-.1.1-.1.1-.2.2-.4.5-.8.8-1.2V0H0zM282.7 3.4z" })),
+ "clouds": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 283.5 27.8", preserveAspectRatio: "xMidYMax slice" }, el("path", { className: "uagb-columns__shape-fill", d: "M0 0v6.7c1.9-.8 4.7-1.4 8.5-1 9.5 1.1 11.1 6 11.1 6s2.1-.7 4.3-.2c2.1.5 2.8 2.6 2.8 2.6s.2-.5 1.4-.7c1.2-.2 1.7.2 1.7.2s0-2.1 1.9-2.8c1.9-.7 3.6.7 3.6.7s.7-2.9 3.1-4.1 4.7 0 4.7 0 1.2-.5 2.4 0 1.7 1.4 1.7 1.4h1.4c.7 0 1.2.7 1.2.7s.8-1.8 4-2.2c3.5-.4 5.3 2.4 6.2 4.4.4-.4 1-.7 1.8-.9 2.8-.7 4 .7 4 .7s1.7-5 11.1-6c9.5-1.1 12.3 3.9 12.3 3.9s1.2-4.8 5.7-5.7c4.5-.9 6.8 1.8 6.8 1.8s.6-.6 1.5-.9c.9-.2 1.9-.2 1.9-.2s5.2-6.4 12.6-3.3c7.3 3.1 4.7 9 4.7 9s1.9-.9 4 0 2.8 2.4 2.8 2.4 1.9-1.2 4.5-1.2 4.3 1.2 4.3 1.2.2-1 1.4-1.7 2.1-.7 2.1-.7-.5-3.1 2.1-5.5 5.7-1.4 5.7-1.4 1.5-2.3 4.2-1.1c2.7 1.2 1.7 5.2 1.7 5.2s.3-.1 1.3.5c.5.4.8.8.9 1.1.5-1.4 2.4-5.8 8.4-4 7.1 2.1 3.5 8.9 3.5 8.9s.8-.4 2 0 1.1 1.1 1.1 1.1 1.1-1.1 2.3-1.1 2.1.5 2.1.5 1.9-3.6 6.2-1.2 1.9 6.4 1.9 6.4 2.6-2.4 7.4 0c3.4 1.7 3.9 4.9 3.9 4.9s3.3-6.9 10.4-7.9 11.5 2.6 11.5 2.6.8 0 1.2.2c.4.2.9.9.9.9s4.4-3.1 8.3.2c1.9 1.7 1.5 5 1.5 5s.3-1.1 1.6-1.4c1.3-.3 2.3.2 2.3.2s-.1-1.2.5-1.9 1.9-.9 1.9-.9-4.7-9.3 4.4-13.4c5.6-2.5 9.2.9 9.2.9s5-6.2 15.9-6.2 16.1 8.1 16.1 8.1.7-.2 1.6-.4V0H0z" })),
+ "zigzag": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1800 5.8", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", d: "M5.4.4l5.4 5.3L16.5.4l5.4 5.3L27.5.4 33 5.7 38.6.4l5.5 5.4h.1L49.9.4l5.4 5.3L60.9.4l5.5 5.3L72 .4l5.5 5.3L83.1.4l5.4 5.3L94.1.4l5.5 5.4h.2l5.6-5.4 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.2l5.6-5.4 5.4 5.3L161 .4l5.4 5.3L172 .4l5.5 5.3 5.6-5.3 5.4 5.3 5.7-5.3 5.4 5.4h.2l5.6-5.4 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.4h.2l5.6-5.4 5.5 5.3L261 .4l5.4 5.3L272 .4l5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.1l5.7-5.4 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.7-5.3 5.4 5.4h.2l5.6-5.4 5.5 5.3L361 .4l5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.1l5.7-5.4 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.1l5.6-5.4 5.5 5.3L461 .4l5.5 5.3 5.6-5.3 5.4 5.3 5.7-5.3 5.4 5.3 5.6-5.3 5.5 5.4h.2l5.6-5.4 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.1L550 .4l5.4 5.3L561 .4l5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.4h.2l5.6-5.4 5.5 5.3 5.6-5.3 5.4 5.3 5.7-5.3 5.4 5.3 5.6-5.3 5.5 5.4h.2L650 .4l5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.4h.2l5.6-5.4 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.4h.2L750 .4l5.5 5.3 5.6-5.3 5.4 5.3 5.7-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.1l5.7-5.4 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.4h.2L850 .4l5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.2l5.6-5.4 5.4 5.3 5.7-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.1l5.7-5.4 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.4h.2l5.6-5.4 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.2l5.6-5.4 5.4 5.3 5.7-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.4h.2l5.6-5.4 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.4h.2l5.6-5.4 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.1l5.7-5.4 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.4h.2l5.6-5.4 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.2l5.6-5.4 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.1l5.7-5.4 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.4h.2l5.6-5.4 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.2l5.6-5.4 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.7-5.3 5.4 5.4h.2l5.6-5.4 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.4h.2l5.6-5.4 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.1l5.6-5.4 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.7-5.3 5.4 5.4h.2l5.6-5.4 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.1l5.7-5.4 5.4 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.5 5.4h.1l5.6-5.4 5.5 5.3 5.6-5.3 5.5 5.3 5.6-5.3 5.4 5.3 5.7-5.3 5.4 5.3 5.6-5.3 5.5 5.4V0H-.2v5.8z" })),
+ "pyramids": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1000 100", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", d: "M761.9,44.1L643.1,27.2L333.8,98L0,3.8V0l1000,0v3.9" })),
+ "triangle_asymmetrical": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1000 100", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", d: "M738,99l262-93V0H0v5.6L738,99z" })),
+ "tilt_opacity": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 2600 131.1", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", d: "M0 0L2600 0 2600 69.1 0 0z" }), el("path", { className: "uagb-columns__shape-fill", opacity: "0.5", d: "M0 0L2600 0 2600 69.1 0 69.1z" }), el("path", { className: "uagb-columns__shape-fill", opacity: "0.25", d: "M2600 0L0 0 0 130.1 2600 69.1z" })),
+ "fan_opacity": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 283.5 19.6", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", opacity: "0.33", d: "M0 0L0 18.8 141.8 4.1 283.5 18.8 283.5 0z" }), el("path", { className: "uagb-columns__shape-fill", opacity: "0.33", d: "M0 0L0 12.6 141.8 4 283.5 12.6 283.5 0z" }), el("path", { className: "uagb-columns__shape-fill", opacity: "0.33", d: "M0 0L0 6.4 141.8 4 283.5 6.4 283.5 0z" }), el("path", { className: "uagb-columns__shape-fill", d: "M0 0L0 1.2 141.8 4 283.5 1.2 283.5 0z" })),
+ "curve": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1000 100", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", d: "M1000,4.3V0H0v4.3C0.9,23.1,126.7,99.2,500,100S1000,22.7,1000,4.3z" })),
+ "curve_asymmetrical": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1000 100", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", d: "M0,0c0,0,0,6,0,6.7c0,18,240.2,93.6,615.2,92.6C989.8,98.5,1000,25,1000,6.7c0-0.7,0-6.7,0-6.7H0z" })),
+ "arrow": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 700 10", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", d: "M350,10L340,0h20L350,10z" })),
+ "arrow_split": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1000 20", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", d: "M0,0v3c0,0,393.8,0,483.4,0c9.2,0,16.6,7.4,16.6,16.6c0-9.1,7.4-16.6,16.6-16.6C606.2,3,1000,3,1000,3V0H0z" })),
+ "book": el("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1000 100", preserveAspectRatio: "none" }, el("path", { className: "uagb-columns__shape-fill", d: "M194,99c186.7,0.7,305-78.3,306-97.2c1,18.9,119.3,97.9,306,97.2c114.3-0.3,194,0.3,194,0.3s0-91.7,0-100c0,0,0,0,0-0 L0,0v99.3C0,99.3,79.7,98.7,194,99z" }))
+};
+/* harmony default export */ __webpack_exports__["a"] = (shapes);
/***/ }),
-/* 132 */
-/*!***************************************************************!*\
- !*** ./node_modules/@emotion/cache/dist/cache.browser.esm.js ***!
- \***************************************************************/
+/* 129 */
+/*!************************************************************!*\
+ !*** ./src/blocks/blockquote/components/TweetButtonCTA.js ***!
+ \************************************************************/
/*! exports provided: default */
/*! exports used: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-/* WEBPACK VAR INJECTION */(function(process) {/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__emotion_sheet__ = __webpack_require__(/*! @emotion/sheet */ 133);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__emotion_stylis__ = __webpack_require__(/*! @emotion/stylis */ 263);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__emotion_weak_memoize__ = __webpack_require__(/*! @emotion/weak-memoize */ 264);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__dist_blocks_uagb_controls_block_icons__ = __webpack_require__(/*! ../../../../dist/blocks/uagb-controls/block-icons */ 1);
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-// https://github.com/thysultan/stylis.js/tree/master/plugins/rule-sheet
-// inlined to avoid umd wrapper and peerDep warnings/installing stylis
-// since we use stylis after closure compiler
-var delimiter = '/*|*/';
-var needle = delimiter + '}';
+var Fragment = wp.element.Fragment;
-function toSheet(block) {
- if (block) {
- Sheet.current.insert(block + '}');
- }
-}
-var Sheet = {
- current: null
-};
-var ruleSheet = function ruleSheet(context, content, selectors, parents, line, column, length, ns, depth, at) {
- switch (context) {
- // property
- case 1:
- {
- switch (content.charCodeAt(0)) {
- case 64:
- {
- // @import
- Sheet.current.insert(content + ';');
- return '';
- }
- // charcode for l
- case 108:
- {
- // charcode for b
- // this ignores label
- if (content.charCodeAt(2) === 98) {
- return '';
- }
- }
- }
+var TweetButtonCTA = function (_React$Component) {
+ _inherits(TweetButtonCTA, _React$Component);
- break;
- }
- // selector
+ function TweetButtonCTA() {
+ _classCallCheck(this, TweetButtonCTA);
- case 2:
- {
- if (ns === 0) return content + delimiter;
- break;
- }
- // at-rule
+ return _possibleConstructorReturn(this, (TweetButtonCTA.__proto__ || Object.getPrototypeOf(TweetButtonCTA)).apply(this, arguments));
+ }
- case 3:
- {
- switch (ns) {
- // @font-face, @page
- case 102:
- case 112:
- {
- Sheet.current.insert(selectors[0] + content);
- return '';
- }
+ _createClass(TweetButtonCTA, [{
+ key: "render",
+ value: function render() {
+ var attributes = this.props.attributes;
- default:
- {
- return content + (at === 0 ? delimiter : '');
- }
- }
- }
- case -2:
- {
- content.split(needle).forEach(toSheet);
- }
- }
-};
+ return wp.element.createElement(
+ "a",
+ { href: "/", className: "uagb-blockquote__tweet-button", target: "_blank", rel: "noopener noreferrer" },
+ attributes.iconView === "icon_text" && wp.element.createElement(
+ Fragment,
+ null,
+ __WEBPACK_IMPORTED_MODULE_0__dist_blocks_uagb_controls_block_icons__["a" /* default */].quote_tweet_icon,
+ wp.element.createElement(
+ "span",
+ { className: "uagb-blockquote__tweet-label" },
+ attributes.iconLabel
+ )
+ ),
+ attributes.iconView === "icon" && wp.element.createElement(
+ Fragment,
+ null,
+ __WEBPACK_IMPORTED_MODULE_0__dist_blocks_uagb_controls_block_icons__["a" /* default */].quote_tweet_icon
+ ),
+ attributes.iconView === "text" && wp.element.createElement(
+ Fragment,
+ null,
+ wp.element.createElement(
+ "span",
+ { className: "uagb-blockquote__tweet-label" },
+ attributes.iconLabel
+ )
+ )
+ );
+ }
+ }]);
-var createCache = function createCache(options) {
- if (options === undefined) options = {};
- var key = options.key || 'css';
- var stylisOptions;
+ return TweetButtonCTA;
+}(React.Component);
- if (options.prefix !== undefined) {
- stylisOptions = {
- prefix: options.prefix
- };
- }
+/* harmony default export */ __webpack_exports__["a"] = (TweetButtonCTA);
- var stylis = new __WEBPACK_IMPORTED_MODULE_1__emotion_stylis__["a" /* default */](stylisOptions);
+/***/ }),
+/* 130 */
+/*!*********************************************************!*\
+ !*** ./src/blocks/blockquote/components/Description.js ***!
+ \*********************************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
- if (process.env.NODE_ENV !== 'production') {
- // $FlowFixMe
- if (/[^a-z-]/.test(key)) {
- throw new Error("Emotion key must only contain lower case alphabetical characters and - but \"" + key + "\" was passed");
- }
- }
+"use strict";
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
- var inserted = {}; // $FlowFixMe
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- var container;
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- {
- container = options.container || document.head;
- var nodes = document.querySelectorAll("style[data-emotion-" + key + "]");
- Array.prototype.forEach.call(nodes, function (node) {
- var attrib = node.getAttribute("data-emotion-" + key); // $FlowFixMe
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- attrib.split(' ').forEach(function (id) {
- inserted[id] = true;
- });
+var RichText = wp.blockEditor.RichText;
+var __ = wp.i18n.__;
+var createBlock = wp.blocks.createBlock;
- if (node.parentNode !== container) {
- container.appendChild(node);
- }
- });
- }
+var Description = function (_React$Component) {
+ _inherits(Description, _React$Component);
- var _insert;
+ function Description() {
+ _classCallCheck(this, Description);
- {
- stylis.use(options.stylisPlugins)(ruleSheet);
+ return _possibleConstructorReturn(this, (Description.__proto__ || Object.getPrototypeOf(Description)).apply(this, arguments));
+ }
- _insert = function insert(selector, serialized, sheet, shouldCache) {
- var name = serialized.name;
- Sheet.current = sheet;
+ _createClass(Description, [{
+ key: "render",
+ value: function render() {
+ var _props = this.props,
+ attributes = _props.attributes,
+ setAttributes = _props.setAttributes,
+ props = _props.props;
- if (process.env.NODE_ENV !== 'production' && serialized.map !== undefined) {
- var map = serialized.map;
- Sheet.current = {
- insert: function insert(rule) {
- sheet.insert(rule + map);
- }
- };
- }
- stylis(selector, serialized.styles);
+ if (setAttributes !== "not_set") {
+ return wp.element.createElement(RichText, {
+ tagName: "div",
+ value: attributes.descriptionText,
+ placeholder: __("Write a Quote", 'ultimate-addons-for-gutenberg'),
+ className: "uagb-blockquote__content",
+ onChange: function onChange(value) {
+ return setAttributes({ descriptionText: value });
+ },
+ onMerge: props.mergeBlocks,
+ onSplit: props.insertBlocksAfter ? function (before, after) {
+ for (var _len = arguments.length, blocks = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+ blocks[_key - 2] = arguments[_key];
+ }
- if (shouldCache) {
- cache.inserted[name] = true;
- }
- };
- }
+ setAttributes({ content: before });
+ props.insertBlocksAfter([].concat(blocks, [createBlock("core/paragraph", { content: after })]));
+ } : undefined,
+ onRemove: function onRemove() {
+ return props.onReplace([]);
+ }
+ });
+ } else {
+ return wp.element.createElement(RichText.Content, {
+ tagName: "div",
+ value: attributes.descriptionText,
+ className: "uagb-blockquote__content"
+ });
+ }
+ }
+ }]);
- if (process.env.NODE_ENV !== 'production') {
- // https://esbench.com/bench/5bf7371a4cd7e6009ef61d0a
- var commentStart = /\/\*/g;
- var commentEnd = /\*\//g;
- stylis.use(function (context, content) {
- switch (context) {
- case -1:
- {
- while (commentStart.test(content)) {
- commentEnd.lastIndex = commentStart.lastIndex;
+ return Description;
+}(React.Component);
- if (commentEnd.test(content)) {
- commentStart.lastIndex = commentEnd.lastIndex;
- continue;
- }
+/* harmony default export */ __webpack_exports__["a"] = (Description);
- throw new Error('Your styles have an unterminated comment ("/*" without corresponding "*/").');
- }
+/***/ }),
+/* 131 */
+/*!********************************************************!*\
+ !*** ./src/blocks/blockquote/components/AuthorText.js ***!
+ \********************************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
- commentStart.lastIndex = 0;
- break;
- }
- }
- });
- stylis.use(function (context, content, selectors) {
- switch (context) {
- case -1:
- {
- var flag = 'emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason';
- var unsafePseudoClasses = content.match(/(:first|:nth|:nth-last)-child/g);
+"use strict";
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
- if (unsafePseudoClasses && cache.compat !== true) {
- unsafePseudoClasses.forEach(function (unsafePseudoClass) {
- var ignoreRegExp = new RegExp(unsafePseudoClass + ".*\\/\\* " + flag + " \\*\\/");
- var ignore = ignoreRegExp.test(content);
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- if (unsafePseudoClass && !ignore) {
- console.error("The pseudo class \"" + unsafePseudoClass + "\" is potentially unsafe when doing server-side rendering. Try changing it to \"" + unsafePseudoClass.split('-child')[0] + "-of-type\".");
- }
- });
- }
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- break;
- }
- }
- });
- }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- var cache = {
- key: key,
- sheet: new __WEBPACK_IMPORTED_MODULE_0__emotion_sheet__["a" /* StyleSheet */]({
- key: key,
- container: container,
- nonce: options.nonce,
- speedy: options.speedy
- }),
- nonce: options.nonce,
- inserted: inserted,
- registered: {},
- insert: _insert
- };
- return cache;
-};
+var RichText = wp.blockEditor.RichText;
+var __ = wp.i18n.__;
+var createBlock = wp.blocks.createBlock;
-/* harmony default export */ __webpack_exports__["a"] = (createCache);
+var AuthorText = function (_React$Component) {
+ _inherits(AuthorText, _React$Component);
+
+ function AuthorText() {
+ _classCallCheck(this, AuthorText);
+
+ return _possibleConstructorReturn(this, (AuthorText.__proto__ || Object.getPrototypeOf(AuthorText)).apply(this, arguments));
+ }
+
+ _createClass(AuthorText, [{
+ key: "render",
+ value: function render() {
+ var _props = this.props,
+ attributes = _props.attributes,
+ setAttributes = _props.setAttributes,
+ props = _props.props;
+
+
+ if (setAttributes !== "not_set") {
+ return wp.element.createElement(RichText, {
+ tagName: "div",
+ value: attributes.author,
+ placeholder: __("Author", 'ultimate-addons-for-gutenberg'),
+ className: "uagb-blockquote__author",
+ onChange: function onChange(value) {
+ return setAttributes({ author: value });
+ },
+ onMerge: props.mergeBlocks,
+ onSplit: props.insertBlocksAfter ? function (before, after) {
+ for (var _len = arguments.length, blocks = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+ blocks[_key - 2] = arguments[_key];
+ }
+
+ setAttributes({ content: before });
+ props.insertBlocksAfter([].concat(blocks, [createBlock("core/paragraph", { content: after })]));
+ } : undefined,
+ onRemove: function onRemove() {
+ return props.onReplace([]);
+ }
+ });
+ } else {
+ return wp.element.createElement(RichText.Content, {
+ tagName: "cite",
+ value: attributes.author,
+ className: "uagb-blockquote__author"
+ });
+ }
+ }
+ }]);
+
+ return AuthorText;
+}(React.Component);
-/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(/*! ./../../../process/browser.js */ 3)))
+/* harmony default export */ __webpack_exports__["a"] = (AuthorText);
/***/ }),
-/* 133 */
-/*!***************************************************************!*\
- !*** ./node_modules/@emotion/sheet/dist/sheet.browser.esm.js ***!
- \***************************************************************/
-/*! exports provided: StyleSheet */
-/*! exports used: StyleSheet */
+/* 132 */
+/*!*********************************************************!*\
+ !*** ./src/blocks/blockquote/components/AuthorImage.js ***!
+ \*********************************************************/
+/*! exports provided: default */
+/*! exports used: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-/* WEBPACK VAR INJECTION */(function(process) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return StyleSheet; });
-/*
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-Based off glamor's StyleSheet, thanks Sunil โค๏ธ
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-high performance StyleSheet for css-in-js systems
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-- uses multiple style tags behind the scenes for millions of rules
-- uses `insertRule` for appending in production for *much* faster performance
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-// usage
+var AuthorImage = function (_React$Component) {
+ _inherits(AuthorImage, _React$Component);
-import { StyleSheet } from '@emotion/sheet'
+ function AuthorImage() {
+ _classCallCheck(this, AuthorImage);
-let styleSheet = new StyleSheet({ key: '', container: document.head })
+ return _possibleConstructorReturn(this, (AuthorImage.__proto__ || Object.getPrototypeOf(AuthorImage)).apply(this, arguments));
+ }
-styleSheet.insert('#box { border: 1px solid red; }')
-- appends a css rule into the stylesheet
+ _createClass(AuthorImage, [{
+ key: "render",
+ value: function render() {
+ var attributes = this.props.attributes;
-styleSheet.flush()
-- empties the stylesheet of all its contents
-*/
-// $FlowFixMe
-function sheetForTag(tag) {
- if (tag.sheet) {
- // $FlowFixMe
- return tag.sheet;
- } // this weirdness brought to you by firefox
+ var url_chk = "";
+ if (typeof attributes.authorImage !== "undefined" && attributes.authorImage !== null && attributes.authorImage !== "") {
+ url_chk = attributes.authorImage.url;
+ }
- /* istanbul ignore next */
+ var url = "";
+ if (url_chk !== "") {
+ var size = attributes.authorImage.sizes;
+ var authorImageSize = attributes.authorImageSize;
+ if (typeof size !== "undefined" && typeof size[authorImageSize] !== "undefined") {
+ url = size[authorImageSize].url;
+ } else {
+ url = url_chk;
+ }
- for (var i = 0; i < document.styleSheets.length; i++) {
- if (document.styleSheets[i].ownerNode === tag) {
- // $FlowFixMe
- return document.styleSheets[i];
- }
- }
-}
+ return wp.element.createElement(
+ "div",
+ { className: "uagb-blockquote__author-image" },
+ wp.element.createElement("img", {
+ className: "",
+ src: url,
+ alt: attributes.authorImage.alt
+ })
+ );
+ } else {
+ return null;
+ }
+ }
+ }]);
-function createStyleElement(options) {
- var tag = document.createElement('style');
- tag.setAttribute('data-emotion', options.key);
+ return AuthorImage;
+}(React.Component);
- if (options.nonce !== undefined) {
- tag.setAttribute('nonce', options.nonce);
- }
+/* harmony default export */ __webpack_exports__["a"] = (AuthorImage);
- tag.appendChild(document.createTextNode(''));
- return tag;
-}
+/***/ }),
+/* 133 */
+/*!***************************************************************!*\
+ !*** ./node_modules/core-js/library/modules/_to-primitive.js ***!
+ \***************************************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
-var StyleSheet =
-/*#__PURE__*/
-function () {
- function StyleSheet(options) {
- this.isSpeedy = options.speedy === undefined ? process.env.NODE_ENV === 'production' : options.speedy;
- this.tags = [];
- this.ctr = 0;
- this.nonce = options.nonce; // key is the value of the data-emotion attribute, it's used to identify different sheets
+// 7.1.1 ToPrimitive(input [, PreferredType])
+var isObject = __webpack_require__(/*! ./_is-object */ 37);
+// instead of the ES6 spec version, we didn't implement @@toPrimitive case
+// and the second argument - flag - preferred type is a string
+module.exports = function (it, S) {
+ if (!isObject(it)) return it;
+ var fn, val;
+ if (S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;
+ if (typeof (fn = it.valueOf) == 'function' && !isObject(val = fn.call(it))) return val;
+ if (!S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;
+ throw TypeError("Can't convert object to primitive value");
+};
- this.key = options.key;
- this.container = options.container;
- this.before = null;
- }
- var _proto = StyleSheet.prototype;
+/***/ }),
+/* 134 */
+/*!**********************************************************!*\
+ !*** ./node_modules/core-js/library/modules/_defined.js ***!
+ \**********************************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports) {
- _proto.insert = function insert(rule) {
- // the max length is how many rules we have per style tag, it's 65000 in speedy mode
- // it's 1 in dev because we insert source maps that map a single rule to a location
- // and you can only have one source map per style tag
- if (this.ctr % (this.isSpeedy ? 65000 : 1) === 0) {
- var _tag = createStyleElement(this);
+// 7.2.1 RequireObjectCoercible(argument)
+module.exports = function (it) {
+ if (it == undefined) throw TypeError("Can't call method on " + it);
+ return it;
+};
- var before;
- if (this.tags.length === 0) {
- before = this.before;
- } else {
- before = this.tags[this.tags.length - 1].nextSibling;
- }
+/***/ }),
+/* 135 */
+/*!*************************************************************!*\
+ !*** ./node_modules/core-js/library/modules/_to-integer.js ***!
+ \*************************************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports) {
- this.container.insertBefore(_tag, before);
- this.tags.push(_tag);
- }
+// 7.1.4 ToInteger
+var ceil = Math.ceil;
+var floor = Math.floor;
+module.exports = function (it) {
+ return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it);
+};
- var tag = this.tags[this.tags.length - 1];
- if (this.isSpeedy) {
- var sheet = sheetForTag(tag);
+/***/ }),
+/* 136 */
+/*!*************************************************************!*\
+ !*** ./node_modules/core-js/library/modules/_shared-key.js ***!
+ \*************************************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
- try {
- // this is a really hot path
- // we check the second character first because having "i"
- // as the second character will happen less often than
- // having "@" as the first character
- var isImportRule = rule.charCodeAt(1) === 105 && rule.charCodeAt(0) === 64; // this is the ultrafast version, works across browsers
- // the big drawback is that the css won't be editable in devtools
+var shared = __webpack_require__(/*! ./_shared */ 137)('keys');
+var uid = __webpack_require__(/*! ./_uid */ 72);
+module.exports = function (key) {
+ return shared[key] || (shared[key] = uid(key));
+};
- sheet.insertRule(rule, // we need to insert @import rules before anything else
- // otherwise there will be an error
- // technically this means that the @import rules will
- // _usually_(not always since there could be multiple style tags)
- // be the first ones in prod and generally later in dev
- // this shouldn't really matter in the real world though
- // @import is generally only used for font faces from google fonts and etc.
- // so while this could be technically correct then it would be slower and larger
- // for a tiny bit of correctness that won't matter in the real world
- isImportRule ? 0 : sheet.cssRules.length);
- } catch (e) {
- if (process.env.NODE_ENV !== 'production') {
- console.warn("There was a problem inserting the following rule: \"" + rule + "\"", e);
- }
- }
- } else {
- tag.appendChild(document.createTextNode(rule));
- }
- this.ctr++;
- };
+/***/ }),
+/* 137 */
+/*!*********************************************************!*\
+ !*** ./node_modules/core-js/library/modules/_shared.js ***!
+ \*********************************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
- _proto.flush = function flush() {
- // $FlowFixMe
- this.tags.forEach(function (tag) {
- return tag.parentNode.removeChild(tag);
- });
- this.tags = [];
- this.ctr = 0;
- };
+var core = __webpack_require__(/*! ./_core */ 17);
+var global = __webpack_require__(/*! ./_global */ 20);
+var SHARED = '__core-js_shared__';
+var store = global[SHARED] || (global[SHARED] = {});
+
+(module.exports = function (key, value) {
+ return store[key] || (store[key] = value !== undefined ? value : {});
+})('versions', []).push({
+ version: core.version,
+ mode: __webpack_require__(/*! ./_library */ 71) ? 'pure' : 'global',
+ copyright: 'ยฉ 2018 Denis Pushkarev (zloirock.ru)'
+});
- return StyleSheet;
-}();
+/***/ }),
+/* 138 */
+/*!****************************************************************!*\
+ !*** ./node_modules/core-js/library/modules/_enum-bug-keys.js ***!
+ \****************************************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports) {
+// IE 8- don't enum bug keys
+module.exports = (
+ 'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'
+).split(',');
-/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(/*! ./../../../process/browser.js */ 3)))
/***/ }),
-/* 134 */
-/*!***********************************************************************!*\
- !*** ./node_modules/@emotion/serialize/dist/serialize.browser.esm.js ***!
- \***********************************************************************/
-/*! exports provided: serializeStyles */
-/*! exports used: serializeStyles */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/* 139 */
+/*!**************************************************************!*\
+ !*** ./node_modules/core-js/library/modules/_object-gops.js ***!
+ \**************************************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports) {
-"use strict";
-/* WEBPACK VAR INJECTION */(function(process) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return serializeStyles; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__emotion_hash__ = __webpack_require__(/*! @emotion/hash */ 266);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__emotion_unitless__ = __webpack_require__(/*! @emotion/unitless */ 267);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__emotion_memoize__ = __webpack_require__(/*! @emotion/memoize */ 268);
+exports.f = Object.getOwnPropertySymbols;
+/***/ }),
+/* 140 */
+/*!************************************************************!*\
+ !*** ./node_modules/core-js/library/modules/_to-object.js ***!
+ \************************************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
+// 7.1.13 ToObject(argument)
+var defined = __webpack_require__(/*! ./_defined */ 134);
+module.exports = function (it) {
+ return Object(defined(it));
+};
-var ILLEGAL_ESCAPE_SEQUENCE_ERROR = "You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\00d7';\" should become \"content: '\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences";
-var UNDEFINED_AS_OBJECT_KEY_ERROR = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).";
-var hyphenateRegex = /[A-Z]|^ms/g;
-var animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g;
-var isCustomProperty = function isCustomProperty(property) {
- return property.charCodeAt(1) === 45;
-};
+/***/ }),
+/* 141 */
+/*!************************************************************!*\
+ !*** ./node_modules/core-js/library/modules/_iterators.js ***!
+ \************************************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports) {
-var isProcessableValue = function isProcessableValue(value) {
- return value != null && typeof value !== 'boolean';
-};
+module.exports = {};
-var processStyleName = __WEBPACK_IMPORTED_MODULE_2__emotion_memoize__["a" /* default */](function (styleName) {
- return isCustomProperty(styleName) ? styleName : styleName.replace(hyphenateRegex, '-$&').toLowerCase();
-});
-var processStyleValue = function processStyleValue(key, value) {
- switch (key) {
- case 'animation':
- case 'animationName':
- {
- if (typeof value === 'string') {
- return value.replace(animationRegex, function (match, p1, p2) {
- cursor = {
- name: p1,
- styles: p2,
- next: cursor
- };
- return p1;
- });
- }
- }
- }
+/***/ }),
+/* 142 */
+/*!****************************************************************!*\
+ !*** ./node_modules/core-js/library/modules/_object-create.js ***!
+ \****************************************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
- if (__WEBPACK_IMPORTED_MODULE_1__emotion_unitless__["a" /* default */][key] !== 1 && !isCustomProperty(key) && typeof value === 'number' && value !== 0) {
- return value + 'px';
- }
+// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
+var anObject = __webpack_require__(/*! ./_an-object */ 44);
+var dPs = __webpack_require__(/*! ./_object-dps */ 844);
+var enumBugKeys = __webpack_require__(/*! ./_enum-bug-keys */ 138);
+var IE_PROTO = __webpack_require__(/*! ./_shared-key */ 136)('IE_PROTO');
+var Empty = function () { /* empty */ };
+var PROTOTYPE = 'prototype';
+
+// Create object with fake `null` prototype: use iframe Object with cleared prototype
+var createDict = function () {
+ // Thrash, waste and sodomy: IE GC bug
+ var iframe = __webpack_require__(/*! ./_dom-create */ 243)('iframe');
+ var i = enumBugKeys.length;
+ var lt = '<';
+ var gt = '>';
+ var iframeDocument;
+ iframe.style.display = 'none';
+ __webpack_require__(/*! ./_html */ 845).appendChild(iframe);
+ iframe.src = 'javascript:'; // eslint-disable-line no-script-url
+ // createDict = iframe.contentWindow.Object;
+ // html.removeChild(iframe);
+ iframeDocument = iframe.contentWindow.document;
+ iframeDocument.open();
+ iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt);
+ iframeDocument.close();
+ createDict = iframeDocument.F;
+ while (i--) delete createDict[PROTOTYPE][enumBugKeys[i]];
+ return createDict();
+};
- return value;
+module.exports = Object.create || function create(O, Properties) {
+ var result;
+ if (O !== null) {
+ Empty[PROTOTYPE] = anObject(O);
+ result = new Empty();
+ Empty[PROTOTYPE] = null;
+ // add "__proto__" for Object.getPrototypeOf polyfill
+ result[IE_PROTO] = O;
+ } else result = createDict();
+ return Properties === undefined ? result : dPs(result, Properties);
};
-if (process.env.NODE_ENV !== 'production') {
- var contentValuePattern = /(attr|calc|counters?|url)\(/;
- var contentValues = ['normal', 'none', 'counter', 'open-quote', 'close-quote', 'no-open-quote', 'no-close-quote', 'initial', 'inherit', 'unset'];
- var oldProcessStyleValue = processStyleValue;
- var msPattern = /^-ms-/;
- var hyphenPattern = /-(.)/g;
- var hyphenatedCache = {};
- processStyleValue = function processStyleValue(key, value) {
- if (key === 'content') {
- if (typeof value !== 'string' || contentValues.indexOf(value) === -1 && !contentValuePattern.test(value) && (value.charAt(0) !== value.charAt(value.length - 1) || value.charAt(0) !== '"' && value.charAt(0) !== "'")) {
- console.error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\"" + value + "\"'`");
- }
- }
+/***/ }),
+/* 143 */
+/*!********************************************************************!*\
+ !*** ./node_modules/core-js/library/modules/_set-to-string-tag.js ***!
+ \********************************************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
- var processed = oldProcessStyleValue(key, value);
+var def = __webpack_require__(/*! ./_object-dp */ 24).f;
+var has = __webpack_require__(/*! ./_has */ 26);
+var TAG = __webpack_require__(/*! ./_wks */ 40)('toStringTag');
- if (processed !== '' && !isCustomProperty(key) && key.indexOf('-') !== -1 && hyphenatedCache[key] === undefined) {
- hyphenatedCache[key] = true;
- console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + key.replace(msPattern, 'ms-').replace(hyphenPattern, function (str, _char) {
- return _char.toUpperCase();
- }) + "?");
- }
+module.exports = function (it, tag, stat) {
+ if (it && !has(it = stat ? it : it.prototype, TAG)) def(it, TAG, { configurable: true, value: tag });
+};
- return processed;
- };
-}
-var shouldWarnAboutInterpolatingClassNameFromCss = true;
+/***/ }),
+/* 144 */
+/*!**********************************************************!*\
+ !*** ./node_modules/core-js/library/modules/_wks-ext.js ***!
+ \**********************************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
-function handleInterpolation(mergedProps, registered, interpolation, couldBeSelectorInterpolation) {
- if (interpolation == null) {
- return '';
- }
+exports.f = __webpack_require__(/*! ./_wks */ 40);
- if (interpolation.__emotion_styles !== undefined) {
- if (process.env.NODE_ENV !== 'production' && interpolation.toString() === 'NO_COMPONENT_SELECTOR') {
- throw new Error('Component selectors can only be used in conjunction with babel-plugin-emotion.');
- }
- return interpolation;
- }
-
- switch (typeof interpolation) {
- case 'boolean':
- {
- return '';
- }
-
- case 'object':
- {
- if (interpolation.anim === 1) {
- cursor = {
- name: interpolation.name,
- styles: interpolation.styles,
- next: cursor
- };
- return interpolation.name;
- }
-
- if (interpolation.styles !== undefined) {
- var next = interpolation.next;
-
- if (next !== undefined) {
- // not the most efficient thing ever but this is a pretty rare case
- // and there will be very few iterations of this generally
- while (next !== undefined) {
- cursor = {
- name: next.name,
- styles: next.styles,
- next: cursor
- };
- next = next.next;
- }
- }
-
- var styles = interpolation.styles + ";";
-
- if (process.env.NODE_ENV !== 'production' && interpolation.map !== undefined) {
- styles += interpolation.map;
- }
-
- return styles;
- }
+/***/ }),
+/* 145 */
+/*!*************************************************************!*\
+ !*** ./node_modules/core-js/library/modules/_wks-define.js ***!
+ \*************************************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
- return createStringFromObject(mergedProps, registered, interpolation);
- }
+var global = __webpack_require__(/*! ./_global */ 20);
+var core = __webpack_require__(/*! ./_core */ 17);
+var LIBRARY = __webpack_require__(/*! ./_library */ 71);
+var wksExt = __webpack_require__(/*! ./_wks-ext */ 144);
+var defineProperty = __webpack_require__(/*! ./_object-dp */ 24).f;
+module.exports = function (name) {
+ var $Symbol = core.Symbol || (core.Symbol = LIBRARY ? {} : global.Symbol || {});
+ if (name.charAt(0) != '_' && !(name in $Symbol)) defineProperty($Symbol, name, { value: wksExt.f(name) });
+};
- case 'function':
- {
- if (mergedProps !== undefined) {
- var previousCursor = cursor;
- var result = interpolation(mergedProps);
- cursor = previousCursor;
- return handleInterpolation(mergedProps, registered, result, couldBeSelectorInterpolation);
- } else if (process.env.NODE_ENV !== 'production') {
- console.error('Functions that are interpolated in css calls will be stringified.\n' + 'If you want to have a css call based on props, create a function that returns a css call like this\n' + 'let dynamicStyle = (props) => css`color: ${props.color}`\n' + 'It can be called directly with props or interpolated in a styled call like this\n' + "let SomeComponent = styled('div')`${dynamicStyle}`");
- }
- break;
- }
+/***/ }),
+/* 146 */
+/*!***************************************************!*\
+ !*** ./src/blocks/advanced-heading/attributes.js ***!
+ \***************************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
- case 'string':
- if (process.env.NODE_ENV !== 'production') {
- var matched = [];
- var replaced = interpolation.replace(animationRegex, function (match, p1, p2) {
- var fakeVarName = "animation" + matched.length;
- matched.push("const " + fakeVarName + " = keyframes`" + p2.replace(/^@keyframes animation-\w+/, '') + "`");
- return "${" + fakeVarName + "}";
- });
+"use strict";
+var attributes = {
+ block_id: {
+ type: "string"
+ },
+ classMigrate: {
+ type: "boolean",
+ default: false
+ },
+ headingTitle: {
+ source: "html",
+ selector: "h1,h2,h3,h4,h5,h6"
+ },
+ headingId: {
+ type: "string"
+ },
+ headingDesc: {
+ source: "html",
+ selector: "p",
+ default: ""
+ },
+ headingAlign: {
+ type: "string",
+ default: "center"
+ },
+ headingColor: {
+ type: "string"
+ },
+ subHeadingColor: {
+ type: "string"
+ },
+ separatorColor: {
+ type: "string"
+ },
+ headingTag: {
+ type: "string",
+ default: "h2"
+ },
+ level: {
+ type: "number",
+ default: 2
+ },
+ seperatorStyle: {
+ type: "string",
+ default: "solid"
+ },
+ separatorHeight: {
+ type: "number"
+ },
+ separatorWidth: {
+ type: "number"
+ },
+ separatorWidthType: {
+ type: "string",
+ default: "%"
+ },
+ headSpace: {
+ type: "number",
+ default: 15
+ },
+ headFontFamily: {
+ type: "string",
+ default: "Default"
+ },
+ headFontWeight: {
+ type: "string"
+ },
+ headFontSubset: {
+ type: "string"
+ },
+ headFontSizeType: {
+ type: "string",
+ default: "px"
+ },
+ headLineHeightType: {
+ type: "string",
+ default: "em"
+ },
+ headFontSize: {
+ type: "number"
+ },
+ headFontSizeTablet: {
+ type: "number"
+ },
+ headFontSizeMobile: {
+ type: "number"
+ },
+ headLineHeight: {
+ type: "number"
+ },
+ headLineHeightTablet: {
+ type: "number"
+ },
+ headLineHeightMobile: {
+ type: "number"
+ },
+ subHeadFontFamily: {
+ type: "string",
+ default: ""
+ },
+ subHeadFontWeight: {
+ type: "string"
+ },
+ subHeadFontSubset: {
+ type: "string"
+ },
+ subHeadFontSize: {
+ type: "number"
+ },
+ subHeadFontSizeType: {
+ type: "string",
+ default: "px"
+ },
+ subHeadFontSizeTablet: {
+ type: "number"
+ },
+ subHeadFontSizeMobile: {
+ type: "number"
+ },
+ subHeadLineHeight: {
+ type: "number"
+ },
+ subHeadLineHeightType: {
+ type: "string",
+ default: "em"
+ },
+ subHeadLineHeightTablet: {
+ type: "number"
+ },
+ subHeadLineHeightMobile: {
+ type: "number"
+ },
+ separatorSpace: {
+ type: "number",
+ default: 15
+ },
+ headLoadGoogleFonts: {
+ type: "boolean",
+ default: false
+ },
+ subHeadLoadGoogleFonts: {
+ type: "boolean",
+ default: false
+ }
+};
- if (matched.length) {
- console.error('`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\n' + 'Instead of doing this:\n\n' + [].concat(matched, ["`" + replaced + "`"]).join('\n') + '\n\nYou should wrap it with `css` like this:\n\n' + ("css`" + replaced + "`"));
- }
- }
+/* harmony default export */ __webpack_exports__["a"] = (attributes);
- break;
- } // finalize string values (regular strings and functions interpolated into css calls)
+/***/ }),
+/* 147 */
+/*!**********************************************!*\
+ !*** ./node_modules/lodash/_baseIteratee.js ***!
+ \**********************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
+var baseMatches = __webpack_require__(/*! ./_baseMatches */ 259),
+ baseMatchesProperty = __webpack_require__(/*! ./_baseMatchesProperty */ 310),
+ identity = __webpack_require__(/*! ./identity */ 58),
+ isArray = __webpack_require__(/*! ./isArray */ 14),
+ property = __webpack_require__(/*! ./property */ 317);
- if (registered == null) {
- return interpolation;
+/**
+ * The base implementation of `_.iteratee`.
+ *
+ * @private
+ * @param {*} [value=_.identity] The value to convert to an iteratee.
+ * @returns {Function} Returns the iteratee.
+ */
+function baseIteratee(value) {
+ // Don't store the `typeof` result in a variable to avoid a JIT bug in Safari 9.
+ // See https://bugs.webkit.org/show_bug.cgi?id=156034 for more details.
+ if (typeof value == 'function') {
+ return value;
}
-
- var cached = registered[interpolation];
-
- if (process.env.NODE_ENV !== 'production' && couldBeSelectorInterpolation && shouldWarnAboutInterpolatingClassNameFromCss && cached !== undefined) {
- console.error('Interpolating a className from css`` is not recommended and will cause problems with composition.\n' + 'Interpolating a className from css`` will be completely unsupported in a future major version of Emotion');
- shouldWarnAboutInterpolatingClassNameFromCss = false;
+ if (value == null) {
+ return identity;
}
-
- return cached !== undefined && !couldBeSelectorInterpolation ? cached : interpolation;
+ if (typeof value == 'object') {
+ return isArray(value)
+ ? baseMatchesProperty(value[0], value[1])
+ : baseMatches(value);
+ }
+ return property(value);
}
-function createStringFromObject(mergedProps, registered, obj) {
- var string = '';
-
- if (Array.isArray(obj)) {
- for (var i = 0; i < obj.length; i++) {
- string += handleInterpolation(mergedProps, registered, obj[i], false);
- }
- } else {
- for (var _key in obj) {
- var value = obj[_key];
+module.exports = baseIteratee;
- if (typeof value !== 'object') {
- if (registered != null && registered[value] !== undefined) {
- string += _key + "{" + registered[value] + "}";
- } else if (isProcessableValue(value)) {
- string += processStyleName(_key) + ":" + processStyleValue(_key, value) + ";";
- }
- } else {
- if (_key === 'NO_COMPONENT_SELECTOR' && process.env.NODE_ENV !== 'production') {
- throw new Error('Component selectors can only be used in conjunction with babel-plugin-emotion.');
- }
- if (Array.isArray(value) && typeof value[0] === 'string' && (registered == null || registered[value[0]] === undefined)) {
- for (var _i = 0; _i < value.length; _i++) {
- if (isProcessableValue(value[_i])) {
- string += processStyleName(_key) + ":" + processStyleValue(_key, value[_i]) + ";";
- }
- }
- } else {
- var interpolated = handleInterpolation(mergedProps, registered, value, false);
+/***/ }),
+/* 148 */
+/*!*******************************************!*\
+ !*** ./node_modules/lodash/isFunction.js ***!
+ \*******************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
- switch (_key) {
- case 'animation':
- case 'animationName':
- {
- string += processStyleName(_key) + ":" + interpolated + ";";
- break;
- }
+var baseGetTag = __webpack_require__(/*! ./_baseGetTag */ 22),
+ isObject = __webpack_require__(/*! ./isObject */ 13);
- default:
- {
- if (process.env.NODE_ENV !== 'production' && _key === 'undefined') {
- console.error(UNDEFINED_AS_OBJECT_KEY_ERROR);
- }
+/** `Object#toString` result references. */
+var asyncTag = '[object AsyncFunction]',
+ funcTag = '[object Function]',
+ genTag = '[object GeneratorFunction]',
+ proxyTag = '[object Proxy]';
- string += _key + "{" + interpolated + "}";
- }
- }
- }
- }
- }
+/**
+ * Checks if `value` is classified as a `Function` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a function, else `false`.
+ * @example
+ *
+ * _.isFunction(_);
+ * // => true
+ *
+ * _.isFunction(/abc/);
+ * // => false
+ */
+function isFunction(value) {
+ if (!isObject(value)) {
+ return false;
}
-
- return string;
+ // The use of `Object#toString` avoids issues with the `typeof` operator
+ // in Safari 9 which returns 'object' for typed arrays and other constructors.
+ var tag = baseGetTag(value);
+ return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
}
-var labelPattern = /label:\s*([^\s;\n{]+)\s*;/g;
-var sourceMapPattern;
-
-if (process.env.NODE_ENV !== 'production') {
- sourceMapPattern = /\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//;
-} // this is the cursor for keyframes
-// keyframes are stored on the SerializedStyles object as a linked list
+module.exports = isFunction;
-var cursor;
-var serializeStyles = function serializeStyles(args, registered, mergedProps) {
- if (args.length === 1 && typeof args[0] === 'object' && args[0] !== null && args[0].styles !== undefined) {
- return args[0];
- }
+/***/ }),
+/* 149 */
+/*!********************************************!*\
+ !*** ./node_modules/lodash/_freeGlobal.js ***!
+ \********************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
- var stringMode = true;
- var styles = '';
- cursor = undefined;
- var strings = args[0];
+/* WEBPACK VAR INJECTION */(function(global) {/** Detect free variable `global` from Node.js. */
+var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;
- if (strings == null || strings.raw === undefined) {
- stringMode = false;
- styles += handleInterpolation(mergedProps, registered, strings, false);
- } else {
- if (process.env.NODE_ENV !== 'production' && strings[0] === undefined) {
- console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);
- }
+module.exports = freeGlobal;
- styles += strings[0];
- } // we start at 1 since we've already handled the first arg
+/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(/*! ./../webpack/buildin/global.js */ 76)))
+/***/ }),
+/* 150 */
+/*!******************************************!*\
+ !*** ./node_modules/lodash/_toSource.js ***!
+ \******************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports) {
- for (var i = 1; i < args.length; i++) {
- styles += handleInterpolation(mergedProps, registered, args[i], styles.charCodeAt(styles.length - 1) === 46);
+/** Used for built-in method references. */
+var funcProto = Function.prototype;
- if (stringMode) {
- if (process.env.NODE_ENV !== 'production' && strings[i] === undefined) {
- console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);
- }
+/** Used to resolve the decompiled source of functions. */
+var funcToString = funcProto.toString;
- styles += strings[i];
- }
+/**
+ * Converts `func` to its source code.
+ *
+ * @private
+ * @param {Function} func The function to convert.
+ * @returns {string} Returns the source code.
+ */
+function toSource(func) {
+ if (func != null) {
+ try {
+ return funcToString.call(func);
+ } catch (e) {}
+ try {
+ return (func + '');
+ } catch (e) {}
}
+ return '';
+}
- var sourceMap;
+module.exports = toSource;
- if (process.env.NODE_ENV !== 'production') {
- styles = styles.replace(sourceMapPattern, function (match) {
- sourceMap = match;
- return '';
- });
- } // using a global regex with .exec is stateful so lastIndex has to be reset each time
+/***/ }),
+/* 151 */
+/*!*********************************************!*\
+ !*** ./node_modules/lodash/_baseIsEqual.js ***!
+ \*********************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
- labelPattern.lastIndex = 0;
- var identifierName = '';
- var match; // https://esbench.com/bench/5b809c2cf2949800a0f61fb5
+var baseIsEqualDeep = __webpack_require__(/*! ./_baseIsEqualDeep */ 289),
+ isObjectLike = __webpack_require__(/*! ./isObjectLike */ 18);
- while ((match = labelPattern.exec(styles)) !== null) {
- identifierName += '-' + // $FlowFixMe we know it's not null
- match[1];
+/**
+ * The base implementation of `_.isEqual` which supports partial comparisons
+ * and tracks traversed objects.
+ *
+ * @private
+ * @param {*} value The value to compare.
+ * @param {*} other The other value to compare.
+ * @param {boolean} bitmask The bitmask flags.
+ * 1 - Unordered comparison
+ * 2 - Partial comparison
+ * @param {Function} [customizer] The function to customize comparisons.
+ * @param {Object} [stack] Tracks traversed `value` and `other` objects.
+ * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
+ */
+function baseIsEqual(value, other, bitmask, customizer, stack) {
+ if (value === other) {
+ return true;
}
-
- var name = __WEBPACK_IMPORTED_MODULE_0__emotion_hash__["a" /* default */](styles) + identifierName;
-
- if (process.env.NODE_ENV !== 'production') {
- // $FlowFixMe SerializedStyles type doesn't have toString property (and we don't want to add it)
- return {
- name: name,
- styles: styles,
- map: sourceMap,
- next: cursor,
- toString: function toString() {
- return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
- }
- };
+ if (value == null || other == null || (!isObjectLike(value) && !isObjectLike(other))) {
+ return value !== value && other !== other;
}
+ return baseIsEqualDeep(value, other, bitmask, customizer, baseIsEqual, stack);
+}
- return {
- name: name,
- styles: styles,
- next: cursor
- };
-};
-
-
+module.exports = baseIsEqual;
-/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(/*! ./../../../process/browser.js */ 3)))
/***/ }),
-/* 135 */
-/*!****************************************************************!*\
- !*** ./node_modules/react-dom/node_modules/scheduler/index.js ***!
- \****************************************************************/
-/*! no static exports found */
+/* 152 */
+/*!*********************************************!*\
+ !*** ./node_modules/lodash/_equalArrays.js ***!
+ \*********************************************/
+/*! dynamic exports provided */
/*! all exports used */
/***/ (function(module, exports, __webpack_require__) {
-"use strict";
-/* WEBPACK VAR INJECTION */(function(process) {
-
-if (process.env.NODE_ENV === 'production') {
- module.exports = __webpack_require__(/*! ./cjs/scheduler.production.min.js */ 270);
-} else {
- module.exports = __webpack_require__(/*! ./cjs/scheduler.development.js */ 271);
-}
+var SetCache = __webpack_require__(/*! ./_SetCache */ 290),
+ arraySome = __webpack_require__(/*! ./_arraySome */ 293),
+ cacheHas = __webpack_require__(/*! ./_cacheHas */ 294);
-/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(/*! ./../../../process/browser.js */ 3)))
+/** Used to compose bitmasks for value comparisons. */
+var COMPARE_PARTIAL_FLAG = 1,
+ COMPARE_UNORDERED_FLAG = 2;
-/***/ }),
-/* 136 */
-/*!****************************************!*\
- !*** ./node_modules/react-is/index.js ***!
- \****************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports, __webpack_require__) {
+/**
+ * A specialized version of `baseIsEqualDeep` for arrays with support for
+ * partial deep comparisons.
+ *
+ * @private
+ * @param {Array} array The array to compare.
+ * @param {Array} other The other array to compare.
+ * @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details.
+ * @param {Function} customizer The function to customize comparisons.
+ * @param {Function} equalFunc The function to determine equivalents of values.
+ * @param {Object} stack Tracks traversed `array` and `other` objects.
+ * @returns {boolean} Returns `true` if the arrays are equivalent, else `false`.
+ */
+function equalArrays(array, other, bitmask, customizer, equalFunc, stack) {
+ var isPartial = bitmask & COMPARE_PARTIAL_FLAG,
+ arrLength = array.length,
+ othLength = other.length;
-"use strict";
-/* WEBPACK VAR INJECTION */(function(process) {
+ if (arrLength != othLength && !(isPartial && othLength > arrLength)) {
+ return false;
+ }
+ // Assume cyclic values are equal.
+ var stacked = stack.get(array);
+ if (stacked && stack.get(other)) {
+ return stacked == other;
+ }
+ var index = -1,
+ result = true,
+ seen = (bitmask & COMPARE_UNORDERED_FLAG) ? new SetCache : undefined;
-if (process.env.NODE_ENV === 'production') {
- module.exports = __webpack_require__(/*! ./cjs/react-is.production.min.js */ 276);
-} else {
- module.exports = __webpack_require__(/*! ./cjs/react-is.development.js */ 277);
+ stack.set(array, other);
+ stack.set(other, array);
+
+ // Ignore non-index properties.
+ while (++index < arrLength) {
+ var arrValue = array[index],
+ othValue = other[index];
+
+ if (customizer) {
+ var compared = isPartial
+ ? customizer(othValue, arrValue, index, other, array, stack)
+ : customizer(arrValue, othValue, index, array, other, stack);
+ }
+ if (compared !== undefined) {
+ if (compared) {
+ continue;
+ }
+ result = false;
+ break;
+ }
+ // Recursively compare arrays (susceptible to call stack limits).
+ if (seen) {
+ if (!arraySome(other, function(othValue, othIndex) {
+ if (!cacheHas(seen, othIndex) &&
+ (arrValue === othValue || equalFunc(arrValue, othValue, bitmask, customizer, stack))) {
+ return seen.push(othIndex);
+ }
+ })) {
+ result = false;
+ break;
+ }
+ } else if (!(
+ arrValue === othValue ||
+ equalFunc(arrValue, othValue, bitmask, customizer, stack)
+ )) {
+ result = false;
+ break;
+ }
+ }
+ stack['delete'](array);
+ stack['delete'](other);
+ return result;
}
-/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(/*! ./../process/browser.js */ 3)))
+module.exports = equalArrays;
-/***/ }),
-/* 137 */
-/*!**********************************************************************!*\
- !*** ./node_modules/react-select/dist/index-4322c0ed.browser.esm.js ***!
- \**********************************************************************/
-/*! exports provided: M, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y */
-/*! exports used: M, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-"use strict";
-/* WEBPACK VAR INJECTION */(function(process) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MenuPlacer; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return containerCSS; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return css; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return clearIndicatorCSS; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return dropdownIndicatorCSS; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return groupHeadingCSS; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return indicatorSeparatorCSS; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return groupCSS; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return inputCSS; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "j", function() { return indicatorsContainerCSS; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "k", function() { return loadingMessageCSS; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "l", function() { return menuListCSS; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "m", function() { return loadingIndicatorCSS; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "n", function() { return menuCSS; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "o", function() { return menuPortalCSS; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "p", function() { return multiValueCSS; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "q", function() { return multiValueLabelCSS; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "r", function() { return multiValueRemoveCSS; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "s", function() { return noOptionsMessageCSS; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "t", function() { return optionCSS; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "u", function() { return placeholderCSS; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "v", function() { return css$1; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "w", function() { return valueContainerCSS; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "x", function() { return defaultComponents; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "y", function() { return exportedEqual; });
-/* unused harmony export y */
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(/*! react */ 6);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__emotion_core__ = __webpack_require__(/*! @emotion/core */ 65);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_dom__ = __webpack_require__(/*! react-dom */ 18);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_react_dom__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types__ = __webpack_require__(/*! prop-types */ 15);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_prop_types__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_06b0d5a4_browser_esm_js__ = __webpack_require__(/*! ./utils-06b0d5a4.browser.esm.js */ 66);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__emotion_css__ = __webpack_require__(/*! @emotion/css */ 29);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_input_autosize__ = __webpack_require__(/*! react-input-autosize */ 138);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_input_autosize___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_react_input_autosize__);
+/***/ }),
+/* 153 */
+/*!********************************************!*\
+ !*** ./node_modules/lodash/_Uint8Array.js ***!
+ \********************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
+var root = __webpack_require__(/*! ./_root */ 12);
+/** Built-in value references. */
+var Uint8Array = root.Uint8Array;
+module.exports = Uint8Array;
+/***/ }),
+/* 154 */
+/*!********************************************!*\
+ !*** ./node_modules/lodash/_getAllKeys.js ***!
+ \********************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
+var baseGetAllKeys = __webpack_require__(/*! ./_baseGetAllKeys */ 155),
+ getSymbols = __webpack_require__(/*! ./_getSymbols */ 79),
+ keys = __webpack_require__(/*! ./keys */ 28);
+/**
+ * Creates an array of own enumerable property names and symbols of `object`.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the array of property names and symbols.
+ */
+function getAllKeys(object) {
+ return baseGetAllKeys(object, keys, getSymbols);
+}
-function _extends() { _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; }; return _extends.apply(this, arguments); }
+module.exports = getAllKeys;
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
-function getMenuPlacement(_ref) {
- var maxHeight = _ref.maxHeight,
- menuEl = _ref.menuEl,
- minHeight = _ref.minHeight,
- placement = _ref.placement,
- shouldScroll = _ref.shouldScroll,
- isFixedPosition = _ref.isFixedPosition,
- theme = _ref.theme;
- var spacing = theme.spacing;
- var scrollParent = __WEBPACK_IMPORTED_MODULE_4__utils_06b0d5a4_browser_esm_js__["a"](menuEl);
- var defaultState = {
- placement: 'bottom',
- maxHeight: maxHeight
- }; // something went wrong, return default state
- if (!menuEl || !menuEl.offsetParent) return defaultState; // we can't trust `scrollParent.scrollHeight` --> it may increase when
- // the menu is rendered
+/***/ }),
+/* 155 */
+/*!************************************************!*\
+ !*** ./node_modules/lodash/_baseGetAllKeys.js ***!
+ \************************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
- var _scrollParent$getBoun = scrollParent.getBoundingClientRect(),
- scrollHeight = _scrollParent$getBoun.height;
+var arrayPush = __webpack_require__(/*! ./_arrayPush */ 78),
+ isArray = __webpack_require__(/*! ./isArray */ 14);
- var _menuEl$getBoundingCl = menuEl.getBoundingClientRect(),
- menuBottom = _menuEl$getBoundingCl.bottom,
- menuHeight = _menuEl$getBoundingCl.height,
- menuTop = _menuEl$getBoundingCl.top;
+/**
+ * The base implementation of `getAllKeys` and `getAllKeysIn` which uses
+ * `keysFunc` and `symbolsFunc` to get the enumerable property names and
+ * symbols of `object`.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @param {Function} keysFunc The function to get the keys of `object`.
+ * @param {Function} symbolsFunc The function to get the symbols of `object`.
+ * @returns {Array} Returns the array of property names and symbols.
+ */
+function baseGetAllKeys(object, keysFunc, symbolsFunc) {
+ var result = keysFunc(object);
+ return isArray(object) ? result : arrayPush(result, symbolsFunc(object));
+}
- var _menuEl$offsetParent$ = menuEl.offsetParent.getBoundingClientRect(),
- containerTop = _menuEl$offsetParent$.top;
+module.exports = baseGetAllKeys;
- var viewHeight = window.innerHeight;
- var scrollTop = __WEBPACK_IMPORTED_MODULE_4__utils_06b0d5a4_browser_esm_js__["b"](scrollParent);
- var marginBottom = parseInt(getComputedStyle(menuEl).marginBottom, 10);
- var marginTop = parseInt(getComputedStyle(menuEl).marginTop, 10);
- var viewSpaceAbove = containerTop - marginTop;
- var viewSpaceBelow = viewHeight - menuTop;
- var scrollSpaceAbove = viewSpaceAbove + scrollTop;
- var scrollSpaceBelow = scrollHeight - scrollTop - menuTop;
- var scrollDown = menuBottom - viewHeight + scrollTop + marginBottom;
- var scrollUp = scrollTop + menuTop - marginTop;
- var scrollDuration = 160;
- switch (placement) {
- case 'auto':
- case 'bottom':
- // 1: the menu will fit, do nothing
- if (viewSpaceBelow >= menuHeight) {
- return {
- placement: 'bottom',
- maxHeight: maxHeight
- };
- } // 2: the menu will fit, if scrolled
+/***/ }),
+/* 156 */
+/*!******************************************!*\
+ !*** ./node_modules/lodash/stubArray.js ***!
+ \******************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports) {
+/**
+ * This method returns a new empty array.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.13.0
+ * @category Util
+ * @returns {Array} Returns the new empty array.
+ * @example
+ *
+ * var arrays = _.times(2, _.stubArray);
+ *
+ * console.log(arrays);
+ * // => [[], []]
+ *
+ * console.log(arrays[0] === arrays[1]);
+ * // => false
+ */
+function stubArray() {
+ return [];
+}
- if (scrollSpaceBelow >= menuHeight && !isFixedPosition) {
- if (shouldScroll) {
- __WEBPACK_IMPORTED_MODULE_4__utils_06b0d5a4_browser_esm_js__["c"](scrollParent, scrollDown, scrollDuration);
- }
+module.exports = stubArray;
- return {
- placement: 'bottom',
- maxHeight: maxHeight
- };
- } // 3: the menu will fit, if constrained
+/***/ }),
+/* 157 */
+/*!***********************************************!*\
+ !*** ./node_modules/lodash/_arrayLikeKeys.js ***!
+ \***********************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
- if (!isFixedPosition && scrollSpaceBelow >= minHeight || isFixedPosition && viewSpaceBelow >= minHeight) {
- if (shouldScroll) {
- __WEBPACK_IMPORTED_MODULE_4__utils_06b0d5a4_browser_esm_js__["c"](scrollParent, scrollDown, scrollDuration);
- } // we want to provide as much of the menu as possible to the user,
- // so give them whatever is available below rather than the minHeight.
+var baseTimes = __webpack_require__(/*! ./_baseTimes */ 158),
+ isArguments = __webpack_require__(/*! ./isArguments */ 80),
+ isArray = __webpack_require__(/*! ./isArray */ 14),
+ isBuffer = __webpack_require__(/*! ./isBuffer */ 81),
+ isIndex = __webpack_require__(/*! ./_isIndex */ 51),
+ isTypedArray = __webpack_require__(/*! ./isTypedArray */ 159);
+/** Used for built-in method references. */
+var objectProto = Object.prototype;
- var constrainedHeight = isFixedPosition ? viewSpaceBelow - marginBottom : scrollSpaceBelow - marginBottom;
- return {
- placement: 'bottom',
- maxHeight: constrainedHeight
- };
- } // 4. Forked beviour when there isn't enough space below
- // AUTO: flip the menu, render above
+/** Used to check objects for own properties. */
+var hasOwnProperty = objectProto.hasOwnProperty;
+/**
+ * Creates an array of the enumerable property names of the array-like `value`.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @param {boolean} inherited Specify returning inherited property names.
+ * @returns {Array} Returns the array of property names.
+ */
+function arrayLikeKeys(value, inherited) {
+ var isArr = isArray(value),
+ isArg = !isArr && isArguments(value),
+ isBuff = !isArr && !isArg && isBuffer(value),
+ isType = !isArr && !isArg && !isBuff && isTypedArray(value),
+ skipIndexes = isArr || isArg || isBuff || isType,
+ result = skipIndexes ? baseTimes(value.length, String) : [],
+ length = result.length;
- if (placement === 'auto' || isFixedPosition) {
- // may need to be constrained after flipping
- var _constrainedHeight = maxHeight;
- var spaceAbove = isFixedPosition ? viewSpaceAbove : scrollSpaceAbove;
+ for (var key in value) {
+ if ((inherited || hasOwnProperty.call(value, key)) &&
+ !(skipIndexes && (
+ // Safari 9 has enumerable `arguments.length` in strict mode.
+ key == 'length' ||
+ // Node.js 0.10 has enumerable non-index properties on buffers.
+ (isBuff && (key == 'offset' || key == 'parent')) ||
+ // PhantomJS 2 has enumerable non-index properties on typed arrays.
+ (isType && (key == 'buffer' || key == 'byteLength' || key == 'byteOffset')) ||
+ // Skip index properties.
+ isIndex(key, length)
+ ))) {
+ result.push(key);
+ }
+ }
+ return result;
+}
- if (spaceAbove >= minHeight) {
- _constrainedHeight = Math.min(spaceAbove - marginBottom - spacing.controlHeight, maxHeight);
- }
+module.exports = arrayLikeKeys;
- return {
- placement: 'top',
- maxHeight: _constrainedHeight
- };
- } // BOTTOM: allow browser to increase scrollable area and immediately set scroll
+/***/ }),
+/* 158 */
+/*!*******************************************!*\
+ !*** ./node_modules/lodash/_baseTimes.js ***!
+ \*******************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports) {
- if (placement === 'bottom') {
- __WEBPACK_IMPORTED_MODULE_4__utils_06b0d5a4_browser_esm_js__["l" /* s */](scrollParent, scrollDown);
- return {
- placement: 'bottom',
- maxHeight: maxHeight
- };
- }
+/**
+ * The base implementation of `_.times` without support for iteratee shorthands
+ * or max array length checks.
+ *
+ * @private
+ * @param {number} n The number of times to invoke `iteratee`.
+ * @param {Function} iteratee The function invoked per iteration.
+ * @returns {Array} Returns the array of results.
+ */
+function baseTimes(n, iteratee) {
+ var index = -1,
+ result = Array(n);
- break;
+ while (++index < n) {
+ result[index] = iteratee(index);
+ }
+ return result;
+}
- case 'top':
- // 1: the menu will fit, do nothing
- if (viewSpaceAbove >= menuHeight) {
- return {
- placement: 'top',
- maxHeight: maxHeight
- };
- } // 2: the menu will fit, if scrolled
+module.exports = baseTimes;
- if (scrollSpaceAbove >= menuHeight && !isFixedPosition) {
- if (shouldScroll) {
- __WEBPACK_IMPORTED_MODULE_4__utils_06b0d5a4_browser_esm_js__["c"](scrollParent, scrollUp, scrollDuration);
- }
+/***/ }),
+/* 159 */
+/*!*********************************************!*\
+ !*** ./node_modules/lodash/isTypedArray.js ***!
+ \*********************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
- return {
- placement: 'top',
- maxHeight: maxHeight
- };
- } // 3: the menu will fit, if constrained
+var baseIsTypedArray = __webpack_require__(/*! ./_baseIsTypedArray */ 302),
+ baseUnary = __webpack_require__(/*! ./_baseUnary */ 52),
+ nodeUtil = __webpack_require__(/*! ./_nodeUtil */ 53);
+/* Node.js helper references. */
+var nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;
- if (!isFixedPosition && scrollSpaceAbove >= minHeight || isFixedPosition && viewSpaceAbove >= minHeight) {
- var _constrainedHeight2 = maxHeight; // we want to provide as much of the menu as possible to the user,
- // so give them whatever is available below rather than the minHeight.
+/**
+ * Checks if `value` is classified as a typed array.
+ *
+ * @static
+ * @memberOf _
+ * @since 3.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.
+ * @example
+ *
+ * _.isTypedArray(new Uint8Array);
+ * // => true
+ *
+ * _.isTypedArray([]);
+ * // => false
+ */
+var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
- if (!isFixedPosition && scrollSpaceAbove >= minHeight || isFixedPosition && viewSpaceAbove >= minHeight) {
- _constrainedHeight2 = isFixedPosition ? viewSpaceAbove - marginTop : scrollSpaceAbove - marginTop;
- }
+module.exports = isTypedArray;
- if (shouldScroll) {
- __WEBPACK_IMPORTED_MODULE_4__utils_06b0d5a4_browser_esm_js__["c"](scrollParent, scrollUp, scrollDuration);
- }
- return {
- placement: 'top',
- maxHeight: _constrainedHeight2
- };
- } // 4. not enough space, the browser WILL NOT increase scrollable area when
- // absolutely positioned element rendered above the viewport (only below).
- // Flip the menu, render below
+/***/ }),
+/* 160 */
+/*!*****************************************!*\
+ !*** ./node_modules/lodash/_overArg.js ***!
+ \*****************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports) {
+/**
+ * Creates a unary function that invokes `func` with its argument transformed.
+ *
+ * @private
+ * @param {Function} func The function to wrap.
+ * @param {Function} transform The argument transform.
+ * @returns {Function} Returns the new function.
+ */
+function overArg(func, transform) {
+ return function(arg) {
+ return func(transform(arg));
+ };
+}
- return {
- placement: 'bottom',
- maxHeight: maxHeight
- };
+module.exports = overArg;
- default:
- throw new Error("Invalid placement provided \"" + placement + "\".");
- } // fulfil contract with flow: implicit return value of undefined
+/***/ }),
+/* 161 */
+/*!****************************************************!*\
+ !*** ./node_modules/lodash/_isStrictComparable.js ***!
+ \****************************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
- return defaultState;
-} // Menu Component
-// ------------------------------
+var isObject = __webpack_require__(/*! ./isObject */ 13);
-function alignToControl(placement) {
- var placementToCSSProp = {
- bottom: 'top',
- top: 'bottom'
- };
- return placement ? placementToCSSProp[placement] : 'bottom';
+/**
+ * Checks if `value` is suitable for strict equality comparisons, i.e. `===`.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` if suitable for strict
+ * equality comparisons, else `false`.
+ */
+function isStrictComparable(value) {
+ return value === value && !isObject(value);
}
-var coercePlacement = function coercePlacement(p) {
- return p === 'auto' ? 'bottom' : p;
-};
+module.exports = isStrictComparable;
-var menuCSS = function menuCSS(_ref2) {
- var _ref3;
- var placement = _ref2.placement,
- _ref2$theme = _ref2.theme,
- borderRadius = _ref2$theme.borderRadius,
- spacing = _ref2$theme.spacing,
- colors = _ref2$theme.colors;
- return _ref3 = {
- label: 'menu'
- }, _ref3[alignToControl(placement)] = '100%', _ref3.backgroundColor = colors.neutral0, _ref3.borderRadius = borderRadius, _ref3.boxShadow = '0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)', _ref3.marginBottom = spacing.menuGutter, _ref3.marginTop = spacing.menuGutter, _ref3.position = 'absolute', _ref3.width = '100%', _ref3.zIndex = 1, _ref3;
-}; // NOTE: internal only
+/***/ }),
+/* 162 */
+/*!*********************************************************!*\
+ !*** ./node_modules/lodash/_matchesStrictComparable.js ***!
+ \*********************************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports) {
-var MenuPlacer =
-/*#__PURE__*/
-function (_Component) {
- _inheritsLoose(MenuPlacer, _Component);
+/**
+ * A specialized version of `matchesProperty` for source values suitable
+ * for strict equality comparisons, i.e. `===`.
+ *
+ * @private
+ * @param {string} key The key of the property to get.
+ * @param {*} srcValue The value to match.
+ * @returns {Function} Returns the new spec function.
+ */
+function matchesStrictComparable(key, srcValue) {
+ return function(object) {
+ if (object == null) {
+ return false;
+ }
+ return object[key] === srcValue &&
+ (srcValue !== undefined || (key in Object(object)));
+ };
+}
- function MenuPlacer() {
- var _this;
+module.exports = matchesStrictComparable;
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- _this = _Component.call.apply(_Component, [this].concat(args)) || this;
- _this.state = {
- maxHeight: _this.props.maxMenuHeight,
- placement: null
- };
+/***/ }),
+/* 163 */
+/*!************************************!*\
+ !*** ./node_modules/lodash/get.js ***!
+ \************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
- _this.getPlacement = function (ref) {
- var _this$props = _this.props,
- minMenuHeight = _this$props.minMenuHeight,
- maxMenuHeight = _this$props.maxMenuHeight,
- menuPlacement = _this$props.menuPlacement,
- menuPosition = _this$props.menuPosition,
- menuShouldScrollIntoView = _this$props.menuShouldScrollIntoView,
- theme = _this$props.theme;
- var getPortalPlacement = _this.context.getPortalPlacement;
- if (!ref) return; // DO NOT scroll if position is fixed
+var baseGet = __webpack_require__(/*! ./_baseGet */ 56);
- var isFixedPosition = menuPosition === 'fixed';
- var shouldScroll = menuShouldScrollIntoView && !isFixedPosition;
- var state = getMenuPlacement({
- maxHeight: maxMenuHeight,
- menuEl: ref,
- minHeight: minMenuHeight,
- placement: menuPlacement,
- shouldScroll: shouldScroll,
- isFixedPosition: isFixedPosition,
- theme: theme
- });
- if (getPortalPlacement) getPortalPlacement(state);
+/**
+ * Gets the value at `path` of `object`. If the resolved value is
+ * `undefined`, the `defaultValue` is returned in its place.
+ *
+ * @static
+ * @memberOf _
+ * @since 3.7.0
+ * @category Object
+ * @param {Object} object The object to query.
+ * @param {Array|string} path The path of the property to get.
+ * @param {*} [defaultValue] The value returned for `undefined` resolved values.
+ * @returns {*} Returns the resolved value.
+ * @example
+ *
+ * var object = { 'a': [{ 'b': { 'c': 3 } }] };
+ *
+ * _.get(object, 'a[0].b.c');
+ * // => 3
+ *
+ * _.get(object, ['a', '0', 'b', 'c']);
+ * // => 3
+ *
+ * _.get(object, 'a.b.c', 'default');
+ * // => 'default'
+ */
+function get(object, path, defaultValue) {
+ var result = object == null ? undefined : baseGet(object, path);
+ return result === undefined ? defaultValue : result;
+}
- _this.setState(state);
- };
+module.exports = get;
- _this.getUpdatedProps = function () {
- var menuPlacement = _this.props.menuPlacement;
- var placement = _this.state.placement || coercePlacement(menuPlacement);
- return _extends({}, _this.props, {
- placement: placement,
- maxHeight: _this.state.maxHeight
- });
- };
- return _this;
- }
+/***/ }),
+/* 164 */
+/*!*****************************************!*\
+ !*** ./node_modules/lodash/toString.js ***!
+ \*****************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
- var _proto = MenuPlacer.prototype;
+var baseToString = __webpack_require__(/*! ./_baseToString */ 165);
- _proto.render = function render() {
- var children = this.props.children;
- return children({
- ref: this.getPlacement,
- placerProps: this.getUpdatedProps()
- });
- };
+/**
+ * Converts `value` to a string. An empty string is returned for `null`
+ * and `undefined` values. The sign of `-0` is preserved.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to convert.
+ * @returns {string} Returns the converted string.
+ * @example
+ *
+ * _.toString(null);
+ * // => ''
+ *
+ * _.toString(-0);
+ * // => '-0'
+ *
+ * _.toString([1, 2, 3]);
+ * // => '1,2,3'
+ */
+function toString(value) {
+ return value == null ? '' : baseToString(value);
+}
- return MenuPlacer;
-}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
-MenuPlacer.contextTypes = {
- getPortalPlacement: __WEBPACK_IMPORTED_MODULE_3_prop_types___default.a.func
-};
+module.exports = toString;
-var Menu = function Menu(props) {
- var children = props.children,
- className = props.className,
- cx = props.cx,
- getStyles = props.getStyles,
- innerRef = props.innerRef,
- innerProps = props.innerProps;
- return __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */]("div", _extends({
- css: getStyles('menu', props),
- className: cx({
- menu: true
- }, className)
- }, innerProps, {
- ref: innerRef
- }), children);
-};
-// Menu List
-// ==============================
-var menuListCSS = function menuListCSS(_ref4) {
- var maxHeight = _ref4.maxHeight,
- baseUnit = _ref4.theme.spacing.baseUnit;
- return {
- maxHeight: maxHeight,
- overflowY: 'auto',
- paddingBottom: baseUnit,
- paddingTop: baseUnit,
- position: 'relative',
- // required for offset[Height, Top] > keyboard scroll
- WebkitOverflowScrolling: 'touch'
- };
-};
-var MenuList = function MenuList(props) {
- var children = props.children,
- className = props.className,
- cx = props.cx,
- getStyles = props.getStyles,
- isMulti = props.isMulti,
- innerRef = props.innerRef;
- return __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */]("div", {
- css: getStyles('menuList', props),
- className: cx({
- 'menu-list': true,
- 'menu-list--is-multi': isMulti
- }, className),
- ref: innerRef
- }, children);
-}; // ==============================
-// Menu Notices
-// ==============================
+/***/ }),
+/* 165 */
+/*!**********************************************!*\
+ !*** ./node_modules/lodash/_baseToString.js ***!
+ \**********************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
-var noticeCSS = function noticeCSS(_ref5) {
- var _ref5$theme = _ref5.theme,
- baseUnit = _ref5$theme.spacing.baseUnit,
- colors = _ref5$theme.colors;
- return {
- color: colors.neutral40,
- padding: baseUnit * 2 + "px " + baseUnit * 3 + "px",
- textAlign: 'center'
- };
-};
+var Symbol = __webpack_require__(/*! ./_Symbol */ 27),
+ arrayMap = __webpack_require__(/*! ./_arrayMap */ 45),
+ isArray = __webpack_require__(/*! ./isArray */ 14),
+ isSymbol = __webpack_require__(/*! ./isSymbol */ 57);
-var noOptionsMessageCSS = noticeCSS;
-var loadingMessageCSS = noticeCSS;
-var NoOptionsMessage = function NoOptionsMessage(props) {
- var children = props.children,
- className = props.className,
- cx = props.cx,
- getStyles = props.getStyles,
- innerProps = props.innerProps;
- return __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */]("div", _extends({
- css: getStyles('noOptionsMessage', props),
- className: cx({
- 'menu-notice': true,
- 'menu-notice--no-options': true
- }, className)
- }, innerProps), children);
-};
-NoOptionsMessage.defaultProps = {
- children: 'No options'
-};
-var LoadingMessage = function LoadingMessage(props) {
- var children = props.children,
- className = props.className,
- cx = props.cx,
- getStyles = props.getStyles,
- innerProps = props.innerProps;
- return __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */]("div", _extends({
- css: getStyles('loadingMessage', props),
- className: cx({
- 'menu-notice': true,
- 'menu-notice--loading': true
- }, className)
- }, innerProps), children);
-};
-LoadingMessage.defaultProps = {
- children: 'Loading...'
-}; // ==============================
-// Menu Portal
-// ==============================
+/** Used as references for various `Number` constants. */
+var INFINITY = 1 / 0;
-var menuPortalCSS = function menuPortalCSS(_ref6) {
- var rect = _ref6.rect,
- offset = _ref6.offset,
- position = _ref6.position;
- return {
- left: rect.left,
- position: position,
- top: offset,
- width: rect.width,
- zIndex: 1
- };
-};
-var MenuPortal =
-/*#__PURE__*/
-function (_Component2) {
- _inheritsLoose(MenuPortal, _Component2);
+/** Used to convert symbols to primitives and strings. */
+var symbolProto = Symbol ? Symbol.prototype : undefined,
+ symbolToString = symbolProto ? symbolProto.toString : undefined;
- function MenuPortal() {
- var _this2;
+/**
+ * The base implementation of `_.toString` which doesn't convert nullish
+ * values to empty strings.
+ *
+ * @private
+ * @param {*} value The value to process.
+ * @returns {string} Returns the string.
+ */
+function baseToString(value) {
+ // Exit early for strings to avoid a performance hit in some environments.
+ if (typeof value == 'string') {
+ return value;
+ }
+ if (isArray(value)) {
+ // Recursively convert values (susceptible to call stack limits).
+ return arrayMap(value, baseToString) + '';
+ }
+ if (isSymbol(value)) {
+ return symbolToString ? symbolToString.call(value) : '';
+ }
+ var result = (value + '');
+ return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
+}
- for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
- args[_key2] = arguments[_key2];
- }
+module.exports = baseToString;
- _this2 = _Component2.call.apply(_Component2, [this].concat(args)) || this;
- _this2.state = {
- placement: null
- };
- _this2.getPortalPlacement = function (_ref7) {
- var placement = _ref7.placement;
- var initialPlacement = coercePlacement(_this2.props.menuPlacement); // avoid re-renders if the placement has not changed
+/***/ }),
+/* 166 */
+/*!**********************************************!*\
+ !*** ./node_modules/lodash/_baseProperty.js ***!
+ \**********************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports) {
- if (placement !== initialPlacement) {
- _this2.setState({
- placement: placement
- });
- }
- };
+/**
+ * The base implementation of `_.property` without support for deep paths.
+ *
+ * @private
+ * @param {string} key The key of the property to get.
+ * @returns {Function} Returns the new accessor function.
+ */
+function baseProperty(key) {
+ return function(object) {
+ return object == null ? undefined : object[key];
+ };
+}
- return _this2;
- }
+module.exports = baseProperty;
- var _proto2 = MenuPortal.prototype;
- _proto2.getChildContext = function getChildContext() {
- return {
- getPortalPlacement: this.getPortalPlacement
- };
- } // callback for occassions where the menu must "flip"
- ;
+/***/ }),
+/* 167 */
+/*!*****************************************************************************************************!*\
+ !*** ./node_modules/react-select/node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js ***!
+ \*****************************************************************************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
- _proto2.render = function render() {
- var _this$props2 = this.props,
- appendTo = _this$props2.appendTo,
- children = _this$props2.children,
- controlElement = _this$props2.controlElement,
- menuPlacement = _this$props2.menuPlacement,
- position = _this$props2.menuPosition,
- getStyles = _this$props2.getStyles;
- var isFixed = position === 'fixed'; // bail early if required elements aren't present
-
- if (!appendTo && !isFixed || !controlElement) {
- return null;
- }
+var arrayLikeToArray = __webpack_require__(/*! ./arrayLikeToArray.js */ 168);
- var placement = this.state.placement || coercePlacement(menuPlacement);
- var rect = __WEBPACK_IMPORTED_MODULE_4__utils_06b0d5a4_browser_esm_js__["g"](controlElement);
- var scrollDistance = isFixed ? 0 : window.pageYOffset;
- var offset = rect[placement] + scrollDistance;
- var state = {
- offset: offset,
- position: position,
- rect: rect
- }; // same wrapper element whether fixed or portalled
-
- var menuWrapper = __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */]("div", {
- css: getStyles('menuPortal', state)
- }, children);
- return appendTo ? __WEBPACK_IMPORTED_MODULE_2_react_dom__["createPortal"](menuWrapper, appendTo) : menuWrapper;
- };
+function _unsupportedIterableToArray(o, minLen) {
+ if (!o) return;
+ if (typeof o === "string") return arrayLikeToArray(o, minLen);
+ var n = Object.prototype.toString.call(o).slice(8, -1);
+ if (n === "Object" && o.constructor) n = o.constructor.name;
+ if (n === "Map" || n === "Set") return Array.from(o);
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);
+}
- return MenuPortal;
-}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
-MenuPortal.childContextTypes = {
- getPortalPlacement: __WEBPACK_IMPORTED_MODULE_3_prop_types___default.a.func
-};
+module.exports = _unsupportedIterableToArray;
+module.exports["default"] = module.exports, module.exports.__esModule = true;
-var isArray = Array.isArray;
-var keyList = Object.keys;
-var hasProp = Object.prototype.hasOwnProperty;
+/***/ }),
+/* 168 */
+/*!*******************************************************************************************!*\
+ !*** ./node_modules/react-select/node_modules/@babel/runtime/helpers/arrayLikeToArray.js ***!
+ \*******************************************************************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports) {
-function equal(a, b) {
- // fast-deep-equal index.js 2.0.1
- if (a === b) return true;
+function _arrayLikeToArray(arr, len) {
+ if (len == null || len > arr.length) len = arr.length;
- if (a && b && typeof a == 'object' && typeof b == 'object') {
- var arrA = isArray(a),
- arrB = isArray(b),
- i,
- length,
- key;
+ for (var i = 0, arr2 = new Array(len); i < len; i++) {
+ arr2[i] = arr[i];
+ }
- if (arrA && arrB) {
- length = a.length;
- if (length != b.length) return false;
+ return arr2;
+}
- for (i = length; i-- !== 0;) {
- if (!equal(a[i], b[i])) return false;
- }
+module.exports = _arrayLikeToArray;
+module.exports["default"] = module.exports, module.exports.__esModule = true;
- return true;
- }
+/***/ }),
+/* 169 */
+/*!*********************************************************************************!*\
+ !*** ./node_modules/react-select/node_modules/@babel/runtime/helpers/typeof.js ***!
+ \*********************************************************************************/
+/*! dynamic exports provided */
+/*! exports used: default */
+/***/ (function(module, exports) {
- if (arrA != arrB) return false;
- var dateA = a instanceof Date,
- dateB = b instanceof Date;
- if (dateA != dateB) return false;
- if (dateA && dateB) return a.getTime() == b.getTime();
- var regexpA = a instanceof RegExp,
- regexpB = b instanceof RegExp;
- if (regexpA != regexpB) return false;
- if (regexpA && regexpB) return a.toString() == b.toString();
- var keys = keyList(a);
- length = keys.length;
+function _typeof(obj) {
+ "@babel/helpers - typeof";
- if (length !== keyList(b).length) {
- return false;
- }
+ if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+ module.exports = _typeof = function _typeof(obj) {
+ return typeof obj;
+ };
- for (i = length; i-- !== 0;) {
- if (!hasProp.call(b, keys[i])) return false;
- } // end fast-deep-equal
- // Custom handling for React
+ module.exports["default"] = module.exports, module.exports.__esModule = true;
+ } else {
+ module.exports = _typeof = function _typeof(obj) {
+ return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+ };
+ module.exports["default"] = module.exports, module.exports.__esModule = true;
+ }
- for (i = length; i-- !== 0;) {
- key = keys[i];
+ return _typeof(obj);
+}
- if (key === '_owner' && a.$$typeof) {
- // React-specific: avoid traversing React elements' _owner.
- // _owner contains circular references
- // and is not needed when comparing the actual elements (and not their owners)
- // .$$typeof and ._store on just reasonable markers of a react element
- continue;
- } else {
- // all other properties should be traversed as usual
- if (!equal(a[key], b[key])) return false;
- }
- } // fast-deep-equal index.js 2.0.1
+module.exports = _typeof;
+module.exports["default"] = module.exports, module.exports.__esModule = true;
+/***/ }),
+/* 170 */
+/*!****************************************************************************************************!*\
+ !*** ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js ***!
+ \****************************************************************************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
- return true;
+"use strict";
+/* harmony export (immutable) */ __webpack_exports__["a"] = _assertThisInitialized;
+function _assertThisInitialized(self) {
+ if (self === void 0) {
+ throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
}
- return a !== a && b !== b;
-} // end fast-deep-equal
-
+ return self;
+}
-function exportedEqual(a, b) {
- try {
- return equal(a, b);
- } catch (error) {
- if (error.message && error.message.match(/stack|recursion/i)) {
- // warn on circular references, don't crash
- // browsers give this different errors name and messages:
- // chrome/safari: "RangeError", "Maximum call stack size exceeded"
- // firefox: "InternalError", too much recursion"
- // edge: "Error", "Out of stack space"
- console.warn('Warning: react-fast-compare does not handle circular references.', error.name, error.message);
- return false;
- } // some other error. we should definitely know about these
+/***/ }),
+/* 171 */
+/*!************************************************************************************!*\
+ !*** ./node_modules/react-select/node_modules/memoize-one/dist/memoize-one.esm.js ***!
+ \************************************************************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+"use strict";
+function areInputsEqual(newInputs, lastInputs) {
+ if (newInputs.length !== lastInputs.length) {
+ return false;
+ }
+ for (var i = 0; i < newInputs.length; i++) {
+ if (newInputs[i] !== lastInputs[i]) {
+ return false;
+ }
+ }
+ return true;
+}
- throw error;
- }
+function memoizeOne(resultFn, isEqual) {
+ if (isEqual === void 0) { isEqual = areInputsEqual; }
+ var lastThis;
+ var lastArgs = [];
+ var lastResult;
+ var calledOnce = false;
+ function memoized() {
+ var newArgs = [];
+ for (var _i = 0; _i < arguments.length; _i++) {
+ newArgs[_i] = arguments[_i];
+ }
+ if (calledOnce && lastThis === this && isEqual(newArgs, lastArgs)) {
+ return lastResult;
+ }
+ lastResult = resultFn.apply(this, newArgs);
+ calledOnce = true;
+ lastThis = this;
+ lastArgs = newArgs;
+ return lastResult;
+ }
+ return memoized;
}
-function _extends$1() { _extends$1 = 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; }; return _extends$1.apply(this, arguments); }
-var containerCSS = function containerCSS(_ref) {
- var isDisabled = _ref.isDisabled,
- isRtl = _ref.isRtl;
- return {
- label: 'container',
- direction: isRtl ? 'rtl' : null,
- pointerEvents: isDisabled ? 'none' : null,
- // cancel mouse events when disabled
- position: 'relative'
- };
-};
-var SelectContainer = function SelectContainer(props) {
- var children = props.children,
- className = props.className,
- cx = props.cx,
- getStyles = props.getStyles,
- innerProps = props.innerProps,
- isDisabled = props.isDisabled,
- isRtl = props.isRtl;
- return __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */]("div", _extends$1({
- css: getStyles('container', props),
- className: cx({
- '--is-disabled': isDisabled,
- '--is-rtl': isRtl
- }, className)
- }, innerProps), children);
-}; // ==============================
-// Value Container
-// ==============================
+/* harmony default export */ __webpack_exports__["a"] = (memoizeOne);
-var valueContainerCSS = function valueContainerCSS(_ref2) {
- var spacing = _ref2.theme.spacing;
- return {
- alignItems: 'center',
- display: 'flex',
- flex: 1,
- flexWrap: 'wrap',
- padding: spacing.baseUnit / 2 + "px " + spacing.baseUnit * 2 + "px",
- WebkitOverflowScrolling: 'touch',
- position: 'relative',
- overflow: 'hidden'
- };
-};
-var ValueContainer = function ValueContainer(props) {
- var children = props.children,
- className = props.className,
- cx = props.cx,
- isMulti = props.isMulti,
- getStyles = props.getStyles,
- hasValue = props.hasValue;
- return __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */]("div", {
- css: getStyles('valueContainer', props),
- className: cx({
- 'value-container': true,
- 'value-container--is-multi': isMulti,
- 'value-container--has-value': hasValue
- }, className)
- }, children);
-}; // ==============================
-// Indicator Container
-// ==============================
-var indicatorsContainerCSS = function indicatorsContainerCSS() {
- return {
- alignItems: 'center',
- alignSelf: 'stretch',
- display: 'flex',
- flexShrink: 0
- };
-};
-var IndicatorsContainer = function IndicatorsContainer(props) {
- var children = props.children,
- className = props.className,
- cx = props.cx,
- getStyles = props.getStyles;
- return __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */]("div", {
- css: getStyles('indicatorsContainer', props),
- className: cx({
- indicators: true
- }, className)
- }, children);
-};
+/***/ }),
+/* 172 */
+/*!***************************************************************!*\
+ !*** ./node_modules/@emotion/sheet/dist/sheet.browser.esm.js ***!
+ \***************************************************************/
+/*! exports provided: StyleSheet */
+/*! exports used: StyleSheet */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
-function _templateObject() {
- var data = _taggedTemplateLiteralLoose(["\n 0%, 80%, 100% { opacity: 0; }\n 40% { opacity: 1; }\n"]);
+"use strict";
+/* WEBPACK VAR INJECTION */(function(process) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return StyleSheet; });
+/*
- _templateObject = function _templateObject() {
- return data;
- };
+Based off glamor's StyleSheet, thanks Sunil โค๏ธ
- return data;
-}
+high performance StyleSheet for css-in-js systems
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+- uses multiple style tags behind the scenes for millions of rules
+- uses `insertRule` for appending in production for *much* faster performance
-function _extends$2() { _extends$2 = 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; }; return _extends$2.apply(this, arguments); }
+// usage
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { StyleSheet } from '@emotion/sheet'
-var _ref2 = process.env.NODE_ENV === "production" ? {
- name: "19bqh2r",
- styles: "display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0;"
-} : {
- name: "19bqh2r",
- styles: "display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0;",
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGljYXRvcnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JJIiwiZmlsZSI6ImluZGljYXRvcnMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBAZmxvd1xuLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyB0eXBlIE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3gsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5pbXBvcnQgdHlwZSB7IENvbW1vblByb3BzLCBUaGVtZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBEcm9wZG93biAmIENsZWFyIEljb25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgU3ZnID0gKHsgc2l6ZSwgLi4ucHJvcHMgfTogeyBzaXplOiBudW1iZXIgfSkgPT4gKFxuICA8c3ZnXG4gICAgaGVpZ2h0PXtzaXplfVxuICAgIHdpZHRoPXtzaXplfVxuICAgIHZpZXdCb3g9XCIwIDAgMjAgMjBcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgZm9jdXNhYmxlPVwiZmFsc2VcIlxuICAgIGNzcz17e1xuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBmaWxsOiAnY3VycmVudENvbG9yJyxcbiAgICAgIGxpbmVIZWlnaHQ6IDEsXG4gICAgICBzdHJva2U6ICdjdXJyZW50Q29sb3InLFxuICAgICAgc3Ryb2tlV2lkdGg6IDAsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgQ3Jvc3NJY29uID0gKHByb3BzOiBhbnkpID0+IChcbiAgPFN2ZyBzaXplPXsyMH0gey4uLnByb3BzfT5cbiAgICA8cGF0aCBkPVwiTTE0LjM0OCAxNC44NDljLTAuNDY5IDAuNDY5LTEuMjI5IDAuNDY5LTEuNjk3IDBsLTIuNjUxLTMuMDMwLTIuNjUxIDMuMDI5Yy0wLjQ2OSAwLjQ2OS0xLjIyOSAwLjQ2OS0xLjY5NyAwLTAuNDY5LTAuNDY5LTAuNDY5LTEuMjI5IDAtMS42OTdsMi43NTgtMy4xNS0yLjc1OS0zLjE1MmMtMC40NjktMC40NjktMC40NjktMS4yMjggMC0xLjY5N3MxLjIyOC0wLjQ2OSAxLjY5NyAwbDIuNjUyIDMuMDMxIDIuNjUxLTMuMDMxYzAuNDY5LTAuNDY5IDEuMjI4LTAuNDY5IDEuNjk3IDBzMC40NjkgMS4yMjkgMCAxLjY5N2wtMi43NTggMy4xNTIgMi43NTggMy4xNWMwLjQ2OSAwLjQ2OSAwLjQ2OSAxLjIyOSAwIDEuNjk4elwiIC8+XG4gIDwvU3ZnPlxuKTtcbmV4cG9ydCBjb25zdCBEb3duQ2hldnJvbiA9IChwcm9wczogYW55KSA9PiAoXG4gIDxTdmcgc2l6ZT17MjB9IHsuLi5wcm9wc30+XG4gICAgPHBhdGggZD1cIk00LjUxNiA3LjU0OGMwLjQzNi0wLjQ0NiAxLjA0My0wLjQ4MSAxLjU3NiAwbDMuOTA4IDMuNzQ3IDMuOTA4LTMuNzQ3YzAuNTMzLTAuNDgxIDEuMTQxLTAuNDQ2IDEuNTc0IDAgMC40MzYgMC40NDUgMC40MDggMS4xOTcgMCAxLjYxNS0wLjQwNiAwLjQxOC00LjY5NSA0LjUwMi00LjY5NSA0LjUwMi0wLjIxNyAwLjIyMy0wLjUwMiAwLjMzNS0wLjc4NyAwLjMzNXMtMC41Ny0wLjExMi0wLjc4OS0wLjMzNWMwIDAtNC4yODctNC4wODQtNC42OTUtNC41MDJzLTAuNDM2LTEuMTcgMC0xLjYxNXpcIiAvPlxuICA8L1N2Zz5cbik7XG5cbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gRHJvcGRvd24gJiBDbGVhciBCdXR0b25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuZXhwb3J0IHR5cGUgSW5kaWNhdG9yUHJvcHMgPSBDb21tb25Qcm9wcyAmIHtcbiAgLyoqIFRoZSBjaGlsZHJlbiB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhlIGluZGljYXRvci4gKi9cbiAgY2hpbGRyZW46IE5vZGUsXG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufTtcblxuY29uc3QgYmFzZUNTUyA9ICh7XG4gIGlzRm9jdXNlZCxcbiAgdGhlbWU6IHtcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gICAgY29sb3JzLFxuICB9LFxufTogSW5kaWNhdG9yUHJvcHMpID0+ICh7XG4gIGxhYmVsOiAnaW5kaWNhdG9yQ29udGFpbmVyJyxcbiAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsNjAgOiBjb2xvcnMubmV1dHJhbDIwLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIHBhZGRpbmc6IGJhc2VVbml0ICogMixcbiAgdHJhbnNpdGlvbjogJ2NvbG9yIDE1MG1zJyxcblxuICAnOmhvdmVyJzoge1xuICAgIGNvbG9yOiBpc0ZvY3VzZWQgPyBjb2xvcnMubmV1dHJhbDgwIDogY29sb3JzLm5ldXRyYWw0MCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcGRvd25JbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IERyb3Bkb3duSW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2Ryb3Bkb3duSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnZHJvcGRvd24taW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8RG93bkNoZXZyb24gLz59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgY2xlYXJJbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IENsZWFySW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2NsZWFySW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnY2xlYXItaW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8Q3Jvc3NJY29uIC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBTZXBhcmF0b3Jcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG50eXBlIFNlcGFyYXRvclN0YXRlID0geyBpc0Rpc2FibGVkOiBib29sZWFuIH07XG5cbmV4cG9ydCBjb25zdCBpbmRpY2F0b3JTZXBhcmF0b3JDU1MgPSAoe1xuICBpc0Rpc2FibGVkLFxuICB0aGVtZToge1xuICAgIHNwYWNpbmc6IHsgYmFzZVVuaXQgfSxcbiAgICBjb2xvcnMsXG4gIH0sXG59OiBDb21tb25Qcm9wcyAmIFNlcGFyYXRvclN0YXRlKSA9PiAoe1xuICBsYWJlbDogJ2luZGljYXRvclNlcGFyYXRvcicsXG4gIGFsaWduU2VsZjogJ3N0cmV0Y2gnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGlzRGlzYWJsZWQgPyBjb2xvcnMubmV1dHJhbDEwIDogY29sb3JzLm5ldXRyYWwyMCxcbiAgbWFyZ2luQm90dG9tOiBiYXNlVW5pdCAqIDIsXG4gIG1hcmdpblRvcDogYmFzZVVuaXQgKiAyLFxuICB3aWR0aDogMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgSW5kaWNhdG9yU2VwYXJhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSwgY3gsIGdldFN0eWxlcywgaW5uZXJQcm9wcyB9ID0gcHJvcHM7XG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2luZGljYXRvclNlcGFyYXRvcicsIHByb3BzKX1cbiAgICAgIGNsYXNzTmFtZT17Y3goeyAnaW5kaWNhdG9yLXNlcGFyYXRvcic6IHRydWUgfSwgY2xhc3NOYW1lKX1cbiAgICAvPlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBMb2FkaW5nXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgbG9hZGluZ0RvdEFuaW1hdGlvbnMgPSBrZXlmcmFtZXNgXG4gIDAlLCA4MCUsIDEwMCUgeyBvcGFjaXR5OiAwOyB9XG4gIDQwJSB7IG9wYWNpdHk6IDE7IH1cbmA7XG5cbmV4cG9ydCBjb25zdCBsb2FkaW5nSW5kaWNhdG9yQ1NTID0gKHtcbiAgaXNGb2N1c2VkLFxuICBzaXplLFxuICB0aGVtZToge1xuICAgIGNvbG9ycyxcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gIH0sXG59OiB7XG4gIGlzRm9jdXNlZDogYm9vbGVhbixcbiAgc2l6ZTogbnVtYmVyLFxuICB0aGVtZTogVGhlbWUsXG59KSA9PiAoe1xuICBsYWJlbDogJ2xvYWRpbmdJbmRpY2F0b3InLFxuICBjb2xvcjogaXNGb2N1c2VkID8gY29sb3JzLm5ldXRyYWw2MCA6IGNvbG9ycy5uZXV0cmFsMjAsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgcGFkZGluZzogYmFzZVVuaXQgKiAyLFxuICB0cmFuc2l0aW9uOiAnY29sb3IgMTUwbXMnLFxuICBhbGlnblNlbGY6ICdjZW50ZXInLFxuICBmb250U2l6ZTogc2l6ZSxcbiAgbGluZUhlaWdodDogMSxcbiAgbWFyZ2luUmlnaHQ6IHNpemUsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxufSk7XG5cbnR5cGUgRG90UHJvcHMgPSB7IGRlbGF5OiBudW1iZXIsIG9mZnNldDogYm9vbGVhbiB9O1xuY29uc3QgTG9hZGluZ0RvdCA9ICh7IGRlbGF5LCBvZmZzZXQgfTogRG90UHJvcHMpID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e3tcbiAgICAgIGFuaW1hdGlvbjogYCR7bG9hZGluZ0RvdEFuaW1hdGlvbnN9IDFzIGVhc2UtaW4tb3V0ICR7ZGVsYXl9bXMgaW5maW5pdGU7YCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogJ2N1cnJlbnRDb2xvcicsXG4gICAgICBib3JkZXJSYWRpdXM6ICcxZW0nLFxuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBtYXJnaW5MZWZ0OiBvZmZzZXQgPyAnMWVtJyA6IG51bGwsXG4gICAgICBoZWlnaHQ6ICcxZW0nLFxuICAgICAgdmVydGljYWxBbGlnbjogJ3RvcCcsXG4gICAgICB3aWR0aDogJzFlbScsXG4gICAgfX1cbiAgLz5cbik7XG5cbmV4cG9ydCB0eXBlIExvYWRpbmdJY29uUHJvcHMgPSB7XG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufSAmIENvbW1vblByb3BzICYge1xuICAgIC8qKiBTZXQgc2l6ZSBvZiB0aGUgY29udGFpbmVyLiAqL1xuICAgIHNpemU6IG51bWJlcixcbiAgfTtcbmV4cG9ydCBjb25zdCBMb2FkaW5nSW5kaWNhdG9yID0gKHByb3BzOiBMb2FkaW5nSWNvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY2xhc3NOYW1lLCBjeCwgZ2V0U3R5bGVzLCBpbm5lclByb3BzLCBpc1J0bCB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4uaW5uZXJQcm9wc31cbiAgICAgIGNzcz17Z2V0U3R5bGVzKCdsb2FkaW5nSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnbG9hZGluZy1pbmRpY2F0b3InOiB0cnVlLFxuICAgICAgICB9LFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgPlxuICAgICAgPExvYWRpbmdEb3QgZGVsYXk9ezB9IG9mZnNldD17aXNSdGx9IC8+XG4gICAgICA8TG9hZGluZ0RvdCBkZWxheT17MTYwfSBvZmZzZXQgLz5cbiAgICAgIDxMb2FkaW5nRG90IGRlbGF5PXszMjB9IG9mZnNldD17IWlzUnRsfSAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbkxvYWRpbmdJbmRpY2F0b3IuZGVmYXVsdFByb3BzID0geyBzaXplOiA0IH07XG4iXX0= */"
-};
+let styleSheet = new StyleSheet({ key: '', container: document.head })
-// ==============================
-// Dropdown & Clear Icons
-// ==============================
-var Svg = function Svg(_ref) {
- var size = _ref.size,
- props = _objectWithoutPropertiesLoose(_ref, ["size"]);
+styleSheet.insert('#box { border: 1px solid red; }')
+- appends a css rule into the stylesheet
- return __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */]("svg", _extends$2({
- height: size,
- width: size,
- viewBox: "0 0 20 20",
- "aria-hidden": "true",
- focusable: "false",
- css: _ref2
- }, props));
-};
+styleSheet.flush()
+- empties the stylesheet of all its contents
-var CrossIcon = function CrossIcon(props) {
- return __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */](Svg, _extends$2({
- size: 20
- }, props), __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */]("path", {
- d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"
- }));
-};
-var DownChevron = function DownChevron(props) {
- return __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */](Svg, _extends$2({
- size: 20
- }, props), __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */]("path", {
- d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
- }));
-}; // ==============================
-// Dropdown & Clear Buttons
-// ==============================
+*/
+// $FlowFixMe
+function sheetForTag(tag) {
+ if (tag.sheet) {
+ // $FlowFixMe
+ return tag.sheet;
+ } // this weirdness brought to you by firefox
-var baseCSS = function baseCSS(_ref3) {
- var isFocused = _ref3.isFocused,
- _ref3$theme = _ref3.theme,
- baseUnit = _ref3$theme.spacing.baseUnit,
- colors = _ref3$theme.colors;
- return {
- label: 'indicatorContainer',
- color: isFocused ? colors.neutral60 : colors.neutral20,
- display: 'flex',
- padding: baseUnit * 2,
- transition: 'color 150ms',
- ':hover': {
- color: isFocused ? colors.neutral80 : colors.neutral40
+ /* istanbul ignore next */
+
+
+ for (var i = 0; i < document.styleSheets.length; i++) {
+ if (document.styleSheets[i].ownerNode === tag) {
+ // $FlowFixMe
+ return document.styleSheets[i];
}
- };
-};
+ }
+}
-var dropdownIndicatorCSS = baseCSS;
-var DropdownIndicator = function DropdownIndicator(props) {
- var children = props.children,
- className = props.className,
- cx = props.cx,
- getStyles = props.getStyles,
- innerProps = props.innerProps;
- return __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */]("div", _extends$2({}, innerProps, {
- css: getStyles('dropdownIndicator', props),
- className: cx({
- indicator: true,
- 'dropdown-indicator': true
- }, className)
- }), children || __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */](DownChevron, null));
-};
-var clearIndicatorCSS = baseCSS;
-var ClearIndicator = function ClearIndicator(props) {
- var children = props.children,
- className = props.className,
- cx = props.cx,
- getStyles = props.getStyles,
- innerProps = props.innerProps;
- return __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */]("div", _extends$2({}, innerProps, {
- css: getStyles('clearIndicator', props),
- className: cx({
- indicator: true,
- 'clear-indicator': true
- }, className)
- }), children || __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */](CrossIcon, null));
-}; // ==============================
-// Separator
-// ==============================
+function createStyleElement(options) {
+ var tag = document.createElement('style');
+ tag.setAttribute('data-emotion', options.key);
-var indicatorSeparatorCSS = function indicatorSeparatorCSS(_ref4) {
- var isDisabled = _ref4.isDisabled,
- _ref4$theme = _ref4.theme,
- baseUnit = _ref4$theme.spacing.baseUnit,
- colors = _ref4$theme.colors;
- return {
- label: 'indicatorSeparator',
- alignSelf: 'stretch',
- backgroundColor: isDisabled ? colors.neutral10 : colors.neutral20,
- marginBottom: baseUnit * 2,
- marginTop: baseUnit * 2,
- width: 1
- };
-};
-var IndicatorSeparator = function IndicatorSeparator(props) {
- var className = props.className,
- cx = props.cx,
- getStyles = props.getStyles,
- innerProps = props.innerProps;
- return __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */]("span", _extends$2({}, innerProps, {
- css: getStyles('indicatorSeparator', props),
- className: cx({
- 'indicator-separator': true
- }, className)
- }));
-}; // ==============================
-// Loading
-// ==============================
+ if (options.nonce !== undefined) {
+ tag.setAttribute('nonce', options.nonce);
+ }
-var loadingDotAnimations = __WEBPACK_IMPORTED_MODULE_1__emotion_core__["d" /* keyframes */](_templateObject());
-var loadingIndicatorCSS = function loadingIndicatorCSS(_ref5) {
- var isFocused = _ref5.isFocused,
- size = _ref5.size,
- _ref5$theme = _ref5.theme,
- colors = _ref5$theme.colors,
- baseUnit = _ref5$theme.spacing.baseUnit;
- return {
- label: 'loadingIndicator',
- color: isFocused ? colors.neutral60 : colors.neutral20,
- display: 'flex',
- padding: baseUnit * 2,
- transition: 'color 150ms',
- alignSelf: 'center',
- fontSize: size,
- lineHeight: 1,
- marginRight: size,
- textAlign: 'center',
- verticalAlign: 'middle'
- };
-};
+ tag.appendChild(document.createTextNode(''));
+ return tag;
+}
-var LoadingDot = function LoadingDot(_ref6) {
- var delay = _ref6.delay,
- offset = _ref6.offset;
- return __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */]("span", {
- css:
- /*#__PURE__*/
- __WEBPACK_IMPORTED_MODULE_5__emotion_css__["a" /* default */]({
- animation: loadingDotAnimations + " 1s ease-in-out " + delay + "ms infinite;",
- backgroundColor: 'currentColor',
- borderRadius: '1em',
- display: 'inline-block',
- marginLeft: offset ? '1em' : null,
- height: '1em',
- verticalAlign: 'top',
- width: '1em'
- }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGljYXRvcnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0xJIiwiZmlsZSI6ImluZGljYXRvcnMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBAZmxvd1xuLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyB0eXBlIE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3gsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5pbXBvcnQgdHlwZSB7IENvbW1vblByb3BzLCBUaGVtZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBEcm9wZG93biAmIENsZWFyIEljb25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgU3ZnID0gKHsgc2l6ZSwgLi4ucHJvcHMgfTogeyBzaXplOiBudW1iZXIgfSkgPT4gKFxuICA8c3ZnXG4gICAgaGVpZ2h0PXtzaXplfVxuICAgIHdpZHRoPXtzaXplfVxuICAgIHZpZXdCb3g9XCIwIDAgMjAgMjBcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgZm9jdXNhYmxlPVwiZmFsc2VcIlxuICAgIGNzcz17e1xuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBmaWxsOiAnY3VycmVudENvbG9yJyxcbiAgICAgIGxpbmVIZWlnaHQ6IDEsXG4gICAgICBzdHJva2U6ICdjdXJyZW50Q29sb3InLFxuICAgICAgc3Ryb2tlV2lkdGg6IDAsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgQ3Jvc3NJY29uID0gKHByb3BzOiBhbnkpID0+IChcbiAgPFN2ZyBzaXplPXsyMH0gey4uLnByb3BzfT5cbiAgICA8cGF0aCBkPVwiTTE0LjM0OCAxNC44NDljLTAuNDY5IDAuNDY5LTEuMjI5IDAuNDY5LTEuNjk3IDBsLTIuNjUxLTMuMDMwLTIuNjUxIDMuMDI5Yy0wLjQ2OSAwLjQ2OS0xLjIyOSAwLjQ2OS0xLjY5NyAwLTAuNDY5LTAuNDY5LTAuNDY5LTEuMjI5IDAtMS42OTdsMi43NTgtMy4xNS0yLjc1OS0zLjE1MmMtMC40NjktMC40NjktMC40NjktMS4yMjggMC0xLjY5N3MxLjIyOC0wLjQ2OSAxLjY5NyAwbDIuNjUyIDMuMDMxIDIuNjUxLTMuMDMxYzAuNDY5LTAuNDY5IDEuMjI4LTAuNDY5IDEuNjk3IDBzMC40NjkgMS4yMjkgMCAxLjY5N2wtMi43NTggMy4xNTIgMi43NTggMy4xNWMwLjQ2OSAwLjQ2OSAwLjQ2OSAxLjIyOSAwIDEuNjk4elwiIC8+XG4gIDwvU3ZnPlxuKTtcbmV4cG9ydCBjb25zdCBEb3duQ2hldnJvbiA9IChwcm9wczogYW55KSA9PiAoXG4gIDxTdmcgc2l6ZT17MjB9IHsuLi5wcm9wc30+XG4gICAgPHBhdGggZD1cIk00LjUxNiA3LjU0OGMwLjQzNi0wLjQ0NiAxLjA0My0wLjQ4MSAxLjU3NiAwbDMuOTA4IDMuNzQ3IDMuOTA4LTMuNzQ3YzAuNTMzLTAuNDgxIDEuMTQxLTAuNDQ2IDEuNTc0IDAgMC40MzYgMC40NDUgMC40MDggMS4xOTcgMCAxLjYxNS0wLjQwNiAwLjQxOC00LjY5NSA0LjUwMi00LjY5NSA0LjUwMi0wLjIxNyAwLjIyMy0wLjUwMiAwLjMzNS0wLjc4NyAwLjMzNXMtMC41Ny0wLjExMi0wLjc4OS0wLjMzNWMwIDAtNC4yODctNC4wODQtNC42OTUtNC41MDJzLTAuNDM2LTEuMTcgMC0xLjYxNXpcIiAvPlxuICA8L1N2Zz5cbik7XG5cbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gRHJvcGRvd24gJiBDbGVhciBCdXR0b25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuZXhwb3J0IHR5cGUgSW5kaWNhdG9yUHJvcHMgPSBDb21tb25Qcm9wcyAmIHtcbiAgLyoqIFRoZSBjaGlsZHJlbiB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhlIGluZGljYXRvci4gKi9cbiAgY2hpbGRyZW46IE5vZGUsXG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufTtcblxuY29uc3QgYmFzZUNTUyA9ICh7XG4gIGlzRm9jdXNlZCxcbiAgdGhlbWU6IHtcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gICAgY29sb3JzLFxuICB9LFxufTogSW5kaWNhdG9yUHJvcHMpID0+ICh7XG4gIGxhYmVsOiAnaW5kaWNhdG9yQ29udGFpbmVyJyxcbiAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsNjAgOiBjb2xvcnMubmV1dHJhbDIwLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIHBhZGRpbmc6IGJhc2VVbml0ICogMixcbiAgdHJhbnNpdGlvbjogJ2NvbG9yIDE1MG1zJyxcblxuICAnOmhvdmVyJzoge1xuICAgIGNvbG9yOiBpc0ZvY3VzZWQgPyBjb2xvcnMubmV1dHJhbDgwIDogY29sb3JzLm5ldXRyYWw0MCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcGRvd25JbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IERyb3Bkb3duSW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2Ryb3Bkb3duSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnZHJvcGRvd24taW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8RG93bkNoZXZyb24gLz59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgY2xlYXJJbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IENsZWFySW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2NsZWFySW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnY2xlYXItaW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8Q3Jvc3NJY29uIC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBTZXBhcmF0b3Jcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG50eXBlIFNlcGFyYXRvclN0YXRlID0geyBpc0Rpc2FibGVkOiBib29sZWFuIH07XG5cbmV4cG9ydCBjb25zdCBpbmRpY2F0b3JTZXBhcmF0b3JDU1MgPSAoe1xuICBpc0Rpc2FibGVkLFxuICB0aGVtZToge1xuICAgIHNwYWNpbmc6IHsgYmFzZVVuaXQgfSxcbiAgICBjb2xvcnMsXG4gIH0sXG59OiBDb21tb25Qcm9wcyAmIFNlcGFyYXRvclN0YXRlKSA9PiAoe1xuICBsYWJlbDogJ2luZGljYXRvclNlcGFyYXRvcicsXG4gIGFsaWduU2VsZjogJ3N0cmV0Y2gnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGlzRGlzYWJsZWQgPyBjb2xvcnMubmV1dHJhbDEwIDogY29sb3JzLm5ldXRyYWwyMCxcbiAgbWFyZ2luQm90dG9tOiBiYXNlVW5pdCAqIDIsXG4gIG1hcmdpblRvcDogYmFzZVVuaXQgKiAyLFxuICB3aWR0aDogMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgSW5kaWNhdG9yU2VwYXJhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSwgY3gsIGdldFN0eWxlcywgaW5uZXJQcm9wcyB9ID0gcHJvcHM7XG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2luZGljYXRvclNlcGFyYXRvcicsIHByb3BzKX1cbiAgICAgIGNsYXNzTmFtZT17Y3goeyAnaW5kaWNhdG9yLXNlcGFyYXRvcic6IHRydWUgfSwgY2xhc3NOYW1lKX1cbiAgICAvPlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBMb2FkaW5nXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgbG9hZGluZ0RvdEFuaW1hdGlvbnMgPSBrZXlmcmFtZXNgXG4gIDAlLCA4MCUsIDEwMCUgeyBvcGFjaXR5OiAwOyB9XG4gIDQwJSB7IG9wYWNpdHk6IDE7IH1cbmA7XG5cbmV4cG9ydCBjb25zdCBsb2FkaW5nSW5kaWNhdG9yQ1NTID0gKHtcbiAgaXNGb2N1c2VkLFxuICBzaXplLFxuICB0aGVtZToge1xuICAgIGNvbG9ycyxcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gIH0sXG59OiB7XG4gIGlzRm9jdXNlZDogYm9vbGVhbixcbiAgc2l6ZTogbnVtYmVyLFxuICB0aGVtZTogVGhlbWUsXG59KSA9PiAoe1xuICBsYWJlbDogJ2xvYWRpbmdJbmRpY2F0b3InLFxuICBjb2xvcjogaXNGb2N1c2VkID8gY29sb3JzLm5ldXRyYWw2MCA6IGNvbG9ycy5uZXV0cmFsMjAsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgcGFkZGluZzogYmFzZVVuaXQgKiAyLFxuICB0cmFuc2l0aW9uOiAnY29sb3IgMTUwbXMnLFxuICBhbGlnblNlbGY6ICdjZW50ZXInLFxuICBmb250U2l6ZTogc2l6ZSxcbiAgbGluZUhlaWdodDogMSxcbiAgbWFyZ2luUmlnaHQ6IHNpemUsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxufSk7XG5cbnR5cGUgRG90UHJvcHMgPSB7IGRlbGF5OiBudW1iZXIsIG9mZnNldDogYm9vbGVhbiB9O1xuY29uc3QgTG9hZGluZ0RvdCA9ICh7IGRlbGF5LCBvZmZzZXQgfTogRG90UHJvcHMpID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e3tcbiAgICAgIGFuaW1hdGlvbjogYCR7bG9hZGluZ0RvdEFuaW1hdGlvbnN9IDFzIGVhc2UtaW4tb3V0ICR7ZGVsYXl9bXMgaW5maW5pdGU7YCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogJ2N1cnJlbnRDb2xvcicsXG4gICAgICBib3JkZXJSYWRpdXM6ICcxZW0nLFxuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBtYXJnaW5MZWZ0OiBvZmZzZXQgPyAnMWVtJyA6IG51bGwsXG4gICAgICBoZWlnaHQ6ICcxZW0nLFxuICAgICAgdmVydGljYWxBbGlnbjogJ3RvcCcsXG4gICAgICB3aWR0aDogJzFlbScsXG4gICAgfX1cbiAgLz5cbik7XG5cbmV4cG9ydCB0eXBlIExvYWRpbmdJY29uUHJvcHMgPSB7XG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufSAmIENvbW1vblByb3BzICYge1xuICAgIC8qKiBTZXQgc2l6ZSBvZiB0aGUgY29udGFpbmVyLiAqL1xuICAgIHNpemU6IG51bWJlcixcbiAgfTtcbmV4cG9ydCBjb25zdCBMb2FkaW5nSW5kaWNhdG9yID0gKHByb3BzOiBMb2FkaW5nSWNvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY2xhc3NOYW1lLCBjeCwgZ2V0U3R5bGVzLCBpbm5lclByb3BzLCBpc1J0bCB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4uaW5uZXJQcm9wc31cbiAgICAgIGNzcz17Z2V0U3R5bGVzKCdsb2FkaW5nSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnbG9hZGluZy1pbmRpY2F0b3InOiB0cnVlLFxuICAgICAgICB9LFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgPlxuICAgICAgPExvYWRpbmdEb3QgZGVsYXk9ezB9IG9mZnNldD17aXNSdGx9IC8+XG4gICAgICA8TG9hZGluZ0RvdCBkZWxheT17MTYwfSBvZmZzZXQgLz5cbiAgICAgIDxMb2FkaW5nRG90IGRlbGF5PXszMjB9IG9mZnNldD17IWlzUnRsfSAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbkxvYWRpbmdJbmRpY2F0b3IuZGVmYXVsdFByb3BzID0geyBzaXplOiA0IH07XG4iXX0= */")
- });
-};
+var StyleSheet =
+/*#__PURE__*/
+function () {
+ function StyleSheet(options) {
+ this.isSpeedy = options.speedy === undefined ? process.env.NODE_ENV === 'production' : options.speedy;
+ this.tags = [];
+ this.ctr = 0;
+ this.nonce = options.nonce; // key is the value of the data-emotion attribute, it's used to identify different sheets
-var LoadingIndicator = function LoadingIndicator(props) {
- var className = props.className,
- cx = props.cx,
- getStyles = props.getStyles,
- innerProps = props.innerProps,
- isRtl = props.isRtl;
- return __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */]("div", _extends$2({}, innerProps, {
- css: getStyles('loadingIndicator', props),
- className: cx({
- indicator: true,
- 'loading-indicator': true
- }, className)
- }), __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */](LoadingDot, {
- delay: 0,
- offset: isRtl
- }), __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */](LoadingDot, {
- delay: 160,
- offset: true
- }), __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */](LoadingDot, {
- delay: 320,
- offset: !isRtl
- }));
-};
-LoadingIndicator.defaultProps = {
- size: 4
-};
+ this.key = options.key;
+ this.container = options.container;
+ this.before = null;
+ }
-function _extends$3() { _extends$3 = 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; }; return _extends$3.apply(this, arguments); }
-var css = function css(_ref) {
- var isDisabled = _ref.isDisabled,
- isFocused = _ref.isFocused,
- _ref$theme = _ref.theme,
- colors = _ref$theme.colors,
- borderRadius = _ref$theme.borderRadius,
- spacing = _ref$theme.spacing;
- return {
- label: 'control',
- alignItems: 'center',
- backgroundColor: isDisabled ? colors.neutral5 : colors.neutral0,
- borderColor: isDisabled ? colors.neutral10 : isFocused ? colors.primary : colors.neutral20,
- borderRadius: borderRadius,
- borderStyle: 'solid',
- borderWidth: 1,
- boxShadow: isFocused ? "0 0 0 1px " + colors.primary : null,
- cursor: 'default',
- display: 'flex',
- flexWrap: 'wrap',
- justifyContent: 'space-between',
- minHeight: spacing.controlHeight,
- outline: '0 !important',
- position: 'relative',
- transition: 'all 100ms',
- '&:hover': {
- borderColor: isFocused ? colors.primary : colors.neutral30
- }
- };
-};
+ var _proto = StyleSheet.prototype;
-var Control = function Control(props) {
- var children = props.children,
- cx = props.cx,
- getStyles = props.getStyles,
- className = props.className,
- isDisabled = props.isDisabled,
- isFocused = props.isFocused,
- innerRef = props.innerRef,
- innerProps = props.innerProps,
- menuIsOpen = props.menuIsOpen;
- return __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */]("div", _extends$3({
- ref: innerRef,
- css: getStyles('control', props),
- className: cx({
- control: true,
- 'control--is-disabled': isDisabled,
- 'control--is-focused': isFocused,
- 'control--menu-is-open': menuIsOpen
- }, className)
- }, innerProps), children);
-};
+ _proto.insert = function insert(rule) {
+ // the max length is how many rules we have per style tag, it's 65000 in speedy mode
+ // it's 1 in dev because we insert source maps that map a single rule to a location
+ // and you can only have one source map per style tag
+ if (this.ctr % (this.isSpeedy ? 65000 : 1) === 0) {
+ var _tag = createStyleElement(this);
-function _objectWithoutPropertiesLoose$1(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+ var before;
-function _extends$4() { _extends$4 = 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; }; return _extends$4.apply(this, arguments); }
-var groupCSS = function groupCSS(_ref) {
- var spacing = _ref.theme.spacing;
- return {
- paddingBottom: spacing.baseUnit * 2,
- paddingTop: spacing.baseUnit * 2
- };
-};
+ if (this.tags.length === 0) {
+ before = this.before;
+ } else {
+ before = this.tags[this.tags.length - 1].nextSibling;
+ }
-var Group = function Group(props) {
- var children = props.children,
- className = props.className,
- cx = props.cx,
- getStyles = props.getStyles,
- Heading = props.Heading,
- headingProps = props.headingProps,
- label = props.label,
- theme = props.theme,
- selectProps = props.selectProps;
- return __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */]("div", {
- css: getStyles('group', props),
- className: cx({
- group: true
- }, className)
- }, __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */](Heading, _extends$4({}, headingProps, {
- selectProps: selectProps,
- theme: theme,
- getStyles: getStyles,
- cx: cx
- }), label), __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */]("div", null, children));
-};
+ this.container.insertBefore(_tag, before);
+ this.tags.push(_tag);
+ }
-var groupHeadingCSS = function groupHeadingCSS(_ref2) {
- var spacing = _ref2.theme.spacing;
- return {
- label: 'group',
- color: '#999',
- cursor: 'default',
- display: 'block',
- fontSize: '75%',
- fontWeight: '500',
- marginBottom: '0.25em',
- paddingLeft: spacing.baseUnit * 3,
- paddingRight: spacing.baseUnit * 3,
- textTransform: 'uppercase'
- };
-};
-var GroupHeading = function GroupHeading(props) {
- var className = props.className,
- cx = props.cx,
- getStyles = props.getStyles,
- theme = props.theme,
- selectProps = props.selectProps,
- cleanProps = _objectWithoutPropertiesLoose$1(props, ["className", "cx", "getStyles", "theme", "selectProps"]);
+ var tag = this.tags[this.tags.length - 1];
- return __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */]("div", _extends$4({
- css: getStyles('groupHeading', _extends$4({
- theme: theme
- }, cleanProps)),
- className: cx({
- 'group-heading': true
- }, className)
- }, cleanProps));
-};
+ if (this.isSpeedy) {
+ var sheet = sheetForTag(tag);
+
+ try {
+ // this is a really hot path
+ // we check the second character first because having "i"
+ // as the second character will happen less often than
+ // having "@" as the first character
+ var isImportRule = rule.charCodeAt(1) === 105 && rule.charCodeAt(0) === 64; // this is the ultrafast version, works across browsers
+ // the big drawback is that the css won't be editable in devtools
-function _extends$5() { _extends$5 = 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; }; return _extends$5.apply(this, arguments); }
+ sheet.insertRule(rule, // we need to insert @import rules before anything else
+ // otherwise there will be an error
+ // technically this means that the @import rules will
+ // _usually_(not always since there could be multiple style tags)
+ // be the first ones in prod and generally later in dev
+ // this shouldn't really matter in the real world though
+ // @import is generally only used for font faces from google fonts and etc.
+ // so while this could be technically correct then it would be slower and larger
+ // for a tiny bit of correctness that won't matter in the real world
+ isImportRule ? 0 : sheet.cssRules.length);
+ } catch (e) {
+ if (process.env.NODE_ENV !== 'production') {
+ console.warn("There was a problem inserting the following rule: \"" + rule + "\"", e);
+ }
+ }
+ } else {
+ tag.appendChild(document.createTextNode(rule));
+ }
-function _objectWithoutPropertiesLoose$2(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var inputCSS = function inputCSS(_ref) {
- var isDisabled = _ref.isDisabled,
- _ref$theme = _ref.theme,
- spacing = _ref$theme.spacing,
- colors = _ref$theme.colors;
- return {
- margin: spacing.baseUnit / 2,
- paddingBottom: spacing.baseUnit / 2,
- paddingTop: spacing.baseUnit / 2,
- visibility: isDisabled ? 'hidden' : 'visible',
- color: colors.neutral80
+ this.ctr++;
};
-};
-var inputStyle = function inputStyle(isHidden) {
- return {
- label: 'input',
- background: 0,
- border: 0,
- fontSize: 'inherit',
- opacity: isHidden ? 0 : 1,
- outline: 0,
- padding: 0,
- color: 'inherit'
+ _proto.flush = function flush() {
+ // $FlowFixMe
+ this.tags.forEach(function (tag) {
+ return tag.parentNode.removeChild(tag);
+ });
+ this.tags = [];
+ this.ctr = 0;
};
-};
-var Input = function Input(_ref2) {
- var className = _ref2.className,
- cx = _ref2.cx,
- getStyles = _ref2.getStyles,
- innerRef = _ref2.innerRef,
- isHidden = _ref2.isHidden,
- isDisabled = _ref2.isDisabled,
- theme = _ref2.theme,
- selectProps = _ref2.selectProps,
- props = _objectWithoutPropertiesLoose$2(_ref2, ["className", "cx", "getStyles", "innerRef", "isHidden", "isDisabled", "theme", "selectProps"]);
+ return StyleSheet;
+}();
- return __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */]("div", {
- css: getStyles('input', _extends$5({
- theme: theme
- }, props))
- }, __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */](__WEBPACK_IMPORTED_MODULE_6_react_input_autosize___default.a, _extends$5({
- className: cx({
- input: true
- }, className),
- inputRef: innerRef,
- inputStyle: inputStyle(isHidden),
- disabled: isDisabled
- }, props)));
-};
-function _extends$6() { _extends$6 = 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; }; return _extends$6.apply(this, arguments); }
-var multiValueCSS = function multiValueCSS(_ref) {
- var _ref$theme = _ref.theme,
- spacing = _ref$theme.spacing,
- borderRadius = _ref$theme.borderRadius,
- colors = _ref$theme.colors;
- return {
- label: 'multiValue',
- backgroundColor: colors.neutral10,
- borderRadius: borderRadius / 2,
- display: 'flex',
- margin: spacing.baseUnit / 2,
- minWidth: 0 // resolves flex/text-overflow bug
- };
+/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(/*! ./../../../process/browser.js */ 6)))
+
+/***/ }),
+/* 173 */
+/*!*********************************************************************************!*\
+ !*** ./node_modules/@emotion/core/dist/emotion-element-57a3a7a3.browser.esm.js ***!
+ \*********************************************************************************/
+/*! exports provided: C, E, T, c, h, w */
+/*! exports used: C, E, T, c, h, w */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* WEBPACK VAR INJECTION */(function(process) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CacheProvider; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return Emotion; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return ThemeContext; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return createEmotionProps; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return hasOwnProperty; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return withEmotionCache; });
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_inheritsLoose__ = __webpack_require__(/*! @babel/runtime/helpers/inheritsLoose */ 347);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_inheritsLoose___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_inheritsLoose__);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react__ = __webpack_require__(/*! react */ 5);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_react__);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__emotion_cache__ = __webpack_require__(/*! @emotion/cache */ 88);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__emotion_utils__ = __webpack_require__(/*! @emotion/utils */ 174);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__emotion_serialize__ = __webpack_require__(/*! @emotion/serialize */ 89);
+
+
+
+
+
+
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+
+var EmotionCacheContext = /*#__PURE__*/Object(__WEBPACK_IMPORTED_MODULE_1_react__["createContext"])( // we're doing this to avoid preconstruct's dead code elimination in this one case
+// because this module is primarily intended for the browser and node
+// but it's also required in react native and similar environments sometimes
+// and we could have a special build just for that
+// but this is much easier and the native packages
+// might use a different theme context in the future anyway
+typeof HTMLElement !== 'undefined' ? Object(__WEBPACK_IMPORTED_MODULE_2__emotion_cache__["a" /* default */])() : null);
+var ThemeContext = /*#__PURE__*/Object(__WEBPACK_IMPORTED_MODULE_1_react__["createContext"])({});
+var CacheProvider = EmotionCacheContext.Provider;
+
+var withEmotionCache = function withEmotionCache(func) {
+ var render = function render(props, ref) {
+ return /*#__PURE__*/Object(__WEBPACK_IMPORTED_MODULE_1_react__["createElement"])(EmotionCacheContext.Consumer, null, function (cache) {
+ return func(props, cache, ref);
+ });
+ }; // $FlowFixMe
+
+
+ return /*#__PURE__*/Object(__WEBPACK_IMPORTED_MODULE_1_react__["forwardRef"])(render);
};
-var multiValueLabelCSS = function multiValueLabelCSS(_ref2) {
- var _ref2$theme = _ref2.theme,
- borderRadius = _ref2$theme.borderRadius,
- colors = _ref2$theme.colors,
- cropWithEllipsis = _ref2.cropWithEllipsis;
- return {
- borderRadius: borderRadius / 2,
- color: colors.neutral80,
- fontSize: '85%',
- overflow: 'hidden',
- padding: 3,
- paddingLeft: 6,
- textOverflow: cropWithEllipsis ? 'ellipsis' : null,
- whiteSpace: 'nowrap'
- };
+
+// thus we only need to replace what is a valid character for JS, but not for CSS
+
+var sanitizeIdentifier = function sanitizeIdentifier(identifier) {
+ return identifier.replace(/\$/g, '-');
};
-var multiValueRemoveCSS = function multiValueRemoveCSS(_ref3) {
- var _ref3$theme = _ref3.theme,
- spacing = _ref3$theme.spacing,
- borderRadius = _ref3$theme.borderRadius,
- colors = _ref3$theme.colors,
- isFocused = _ref3.isFocused;
- return {
- alignItems: 'center',
- borderRadius: borderRadius / 2,
- backgroundColor: isFocused && colors.dangerLight,
- display: 'flex',
- paddingLeft: spacing.baseUnit,
- paddingRight: spacing.baseUnit,
- ':hover': {
- backgroundColor: colors.dangerLight,
- color: colors.danger
+
+var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
+var labelPropName = '__EMOTION_LABEL_PLEASE_DO_NOT_USE__';
+var createEmotionProps = function createEmotionProps(type, props) {
+ if (process.env.NODE_ENV !== 'production' && typeof props.css === 'string' && // check if there is a css declaration
+ props.css.indexOf(':') !== -1) {
+ throw new Error("Strings are not allowed as css prop values, please wrap it in a css template literal from '@emotion/css' like this: css`" + props.css + "`");
+ }
+
+ var newProps = {};
+
+ for (var key in props) {
+ if (hasOwnProperty.call(props, key)) {
+ newProps[key] = props[key];
}
- };
-};
-var MultiValueGeneric = function MultiValueGeneric(_ref4) {
- var children = _ref4.children,
- innerProps = _ref4.innerProps;
- return __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */]("div", innerProps, children);
-};
-var MultiValueContainer = MultiValueGeneric;
-var MultiValueLabel = MultiValueGeneric;
-function MultiValueRemove(_ref5) {
- var children = _ref5.children,
- innerProps = _ref5.innerProps;
- return __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */]("div", innerProps, children || __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */](CrossIcon, {
- size: 14
- }));
-}
+ }
-var MultiValue = function MultiValue(props) {
- var children = props.children,
- className = props.className,
- components = props.components,
- cx = props.cx,
- data = props.data,
- getStyles = props.getStyles,
- innerProps = props.innerProps,
- isDisabled = props.isDisabled,
- removeProps = props.removeProps,
- selectProps = props.selectProps;
- var Container = components.Container,
- Label = components.Label,
- Remove = components.Remove;
- return __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */](__WEBPACK_IMPORTED_MODULE_1__emotion_core__["b" /* ClassNames */], null, function (_ref6) {
- var css = _ref6.css,
- emotionCx = _ref6.cx;
- return __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */](Container, {
- data: data,
- innerProps: _extends$6({}, innerProps, {
- className: emotionCx(css(getStyles('multiValue', props)), cx({
- 'multi-value': true,
- 'multi-value--is-disabled': isDisabled
- }, className))
- }),
- selectProps: selectProps
- }, __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */](Label, {
- data: data,
- innerProps: {
- className: emotionCx(css(getStyles('multiValueLabel', props)), cx({
- 'multi-value__label': true
- }, className))
- },
- selectProps: selectProps
- }, children), __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */](Remove, {
- data: data,
- innerProps: _extends$6({
- className: emotionCx(css(getStyles('multiValueRemove', props)), cx({
- 'multi-value__remove': true
- }, className))
- }, removeProps),
- selectProps: selectProps
- }));
- });
-};
+ newProps[typePropName] = type; // TODO: check if this still works with all of those different JSX functions
-MultiValue.defaultProps = {
- cropWithEllipsis: true
-};
+ if (process.env.NODE_ENV !== 'production') {
+ var error = new Error();
-function _extends$7() { _extends$7 = 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; }; return _extends$7.apply(this, arguments); }
-var optionCSS = function optionCSS(_ref) {
- var isDisabled = _ref.isDisabled,
- isFocused = _ref.isFocused,
- isSelected = _ref.isSelected,
- _ref$theme = _ref.theme,
- spacing = _ref$theme.spacing,
- colors = _ref$theme.colors;
- return {
- label: 'option',
- backgroundColor: isSelected ? colors.primary : isFocused ? colors.primary25 : 'transparent',
- color: isDisabled ? colors.neutral20 : isSelected ? colors.neutral0 : 'inherit',
- cursor: 'default',
- display: 'block',
- fontSize: 'inherit',
- padding: spacing.baseUnit * 2 + "px " + spacing.baseUnit * 3 + "px",
- width: '100%',
- userSelect: 'none',
- WebkitTapHighlightColor: 'rgba(0, 0, 0, 0)',
- // provide some affordance on touch devices
- ':active': {
- backgroundColor: !isDisabled && (isSelected ? colors.primary : colors.primary50)
+ if (error.stack) {
+ // chrome
+ var match = error.stack.match(/at (?:Object\.|Module\.|)(?:jsx|createEmotionProps).*\n\s+at (?:Object\.|)([A-Z][A-Za-z$]+) /);
+
+ if (!match) {
+ // safari and firefox
+ match = error.stack.match(/.*\n([A-Z][A-Za-z$]+)@/);
+ }
+
+ if (match) {
+ newProps[labelPropName] = sanitizeIdentifier(match[1]);
+ }
}
- };
-};
+ }
-var Option = function Option(props) {
- var children = props.children,
- className = props.className,
- cx = props.cx,
- getStyles = props.getStyles,
- isDisabled = props.isDisabled,
- isFocused = props.isFocused,
- isSelected = props.isSelected,
- innerRef = props.innerRef,
- innerProps = props.innerProps;
- return __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */]("div", _extends$7({
- css: getStyles('option', props),
- className: cx({
- option: true,
- 'option--is-disabled': isDisabled,
- 'option--is-focused': isFocused,
- 'option--is-selected': isSelected
- }, className),
- ref: innerRef
- }, innerProps), children);
+ return newProps;
};
-function _extends$8() { _extends$8 = 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; }; return _extends$8.apply(this, arguments); }
-var placeholderCSS = function placeholderCSS(_ref) {
- var _ref$theme = _ref.theme,
- spacing = _ref$theme.spacing,
- colors = _ref$theme.colors;
- return {
- label: 'placeholder',
- color: colors.neutral50,
- marginLeft: spacing.baseUnit / 2,
- marginRight: spacing.baseUnit / 2,
- position: 'absolute',
- top: '50%',
- transform: 'translateY(-50%)'
- };
-};
+var render = function render(cache, props, theme, ref) {
+ var cssProp = theme === null ? props.css : props.css(theme); // so that using `css` from `emotion` and passing the result to the css prop works
+ // not passing the registered cache to serializeStyles because it would
+ // make certain babel optimisations not possible
-var Placeholder = function Placeholder(props) {
- var children = props.children,
- className = props.className,
- cx = props.cx,
- getStyles = props.getStyles,
- innerProps = props.innerProps;
- return __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */]("div", _extends$8({
- css: getStyles('placeholder', props),
- className: cx({
- placeholder: true
- }, className)
- }, innerProps), children);
-};
+ if (typeof cssProp === 'string' && cache.registered[cssProp] !== undefined) {
+ cssProp = cache.registered[cssProp];
+ }
-function _extends$9() { _extends$9 = 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; }; return _extends$9.apply(this, arguments); }
-var css$1 = function css(_ref) {
- var isDisabled = _ref.isDisabled,
- _ref$theme = _ref.theme,
- spacing = _ref$theme.spacing,
- colors = _ref$theme.colors;
- return {
- label: 'singleValue',
- color: isDisabled ? colors.neutral40 : colors.neutral80,
- marginLeft: spacing.baseUnit / 2,
- marginRight: spacing.baseUnit / 2,
- maxWidth: "calc(100% - " + spacing.baseUnit * 2 + "px)",
- overflow: 'hidden',
- position: 'absolute',
- textOverflow: 'ellipsis',
- whiteSpace: 'nowrap',
- top: '50%',
- transform: 'translateY(-50%)'
- };
-};
+ var type = props[typePropName];
+ var registeredStyles = [cssProp];
+ var className = '';
-var SingleValue = function SingleValue(props) {
- var children = props.children,
- className = props.className,
- cx = props.cx,
- getStyles = props.getStyles,
- isDisabled = props.isDisabled,
- innerProps = props.innerProps;
- return __WEBPACK_IMPORTED_MODULE_1__emotion_core__["c" /* jsx */]("div", _extends$9({
- css: getStyles('singleValue', props),
- className: cx({
- 'single-value': true,
- 'single-value--is-disabled': isDisabled
- }, className)
- }, innerProps), children);
-};
+ if (typeof props.className === 'string') {
+ className = Object(__WEBPACK_IMPORTED_MODULE_3__emotion_utils__["a" /* getRegisteredStyles */])(cache.registered, registeredStyles, props.className);
+ } else if (props.className != null) {
+ className = props.className + " ";
+ }
-function _extends$a() { _extends$a = 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; }; return _extends$a.apply(this, arguments); }
-var components = {
- ClearIndicator: ClearIndicator,
- Control: Control,
- DropdownIndicator: DropdownIndicator,
- DownChevron: DownChevron,
- CrossIcon: CrossIcon,
- Group: Group,
- GroupHeading: GroupHeading,
- IndicatorsContainer: IndicatorsContainer,
- IndicatorSeparator: IndicatorSeparator,
- Input: Input,
- LoadingIndicator: LoadingIndicator,
- Menu: Menu,
- MenuList: MenuList,
- MenuPortal: MenuPortal,
- LoadingMessage: LoadingMessage,
- NoOptionsMessage: NoOptionsMessage,
- MultiValue: MultiValue,
- MultiValueContainer: MultiValueContainer,
- MultiValueLabel: MultiValueLabel,
- MultiValueRemove: MultiValueRemove,
- Option: Option,
- Placeholder: Placeholder,
- SelectContainer: SelectContainer,
- SingleValue: SingleValue,
- ValueContainer: ValueContainer
-};
-var defaultComponents = function defaultComponents(props) {
- return _extends$a({}, components, props.components);
-};
+ var serialized = Object(__WEBPACK_IMPORTED_MODULE_4__emotion_serialize__["a" /* serializeStyles */])(registeredStyles);
+ if (process.env.NODE_ENV !== 'production' && serialized.name.indexOf('-') === -1) {
+ var labelFromStack = props[labelPropName];
+ if (labelFromStack) {
+ serialized = Object(__WEBPACK_IMPORTED_MODULE_4__emotion_serialize__["a" /* serializeStyles */])([serialized, 'label:' + labelFromStack + ';']);
+ }
+ }
-/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(/*! ./../../process/browser.js */ 3)))
+ var rules = Object(__WEBPACK_IMPORTED_MODULE_3__emotion_utils__["b" /* insertStyles */])(cache, serialized, typeof type === 'string');
+ className += cache.key + "-" + serialized.name;
+ var newProps = {};
-/***/ }),
-/* 138 */
-/*!****************************************************************!*\
- !*** ./node_modules/react-input-autosize/lib/AutosizeInput.js ***!
- \****************************************************************/
-/*! no static exports found */
-/*! exports used: default */
-/***/ (function(module, exports, __webpack_require__) {
+ for (var key in props) {
+ if (hasOwnProperty.call(props, key) && key !== 'css' && key !== typePropName && (process.env.NODE_ENV === 'production' || key !== labelPropName)) {
+ newProps[key] = props[key];
+ }
+ }
-"use strict";
+ newProps.ref = ref;
+ newProps.className = className;
+ var ele = /*#__PURE__*/Object(__WEBPACK_IMPORTED_MODULE_1_react__["createElement"])(type, newProps);
+ return ele;
+}; // eslint-disable-next-line no-undef
-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 Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
+ if (typeof props.css === 'function') {
+ return /*#__PURE__*/Object(__WEBPACK_IMPORTED_MODULE_1_react__["createElement"])(ThemeContext.Consumer, null, function (theme) {
+ return render(cache, props, theme, ref);
+ });
+ }
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+ return render(cache, props, null, ref);
+});
-var _react = __webpack_require__(/*! react */ 6);
+if (process.env.NODE_ENV !== 'production') {
+ Emotion.displayName = 'EmotionCssPropInternal';
+}
-var _react2 = _interopRequireDefault(_react);
-var _propTypes = __webpack_require__(/*! prop-types */ 15);
-var _propTypes2 = _interopRequireDefault(_propTypes);
+/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(/*! ./../../../process/browser.js */ 6)))
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/***/ }),
+/* 174 */
+/*!***************************************************************!*\
+ !*** ./node_modules/@emotion/utils/dist/utils.browser.esm.js ***!
+ \***************************************************************/
+/*! exports provided: getRegisteredStyles, insertStyles */
+/*! exports used: getRegisteredStyles, insertStyles */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
-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; }
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getRegisteredStyles; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return insertStyles; });
+var isBrowser = "object" !== 'undefined';
+function getRegisteredStyles(registered, registeredStyles, classNames) {
+ var rawClassName = '';
+ classNames.split(' ').forEach(function (className) {
+ if (registered[className] !== undefined) {
+ registeredStyles.push(registered[className]);
+ } else {
+ rawClassName += className + " ";
+ }
+ });
+ return rawClassName;
+}
+var insertStyles = function insertStyles(cache, serialized, isStringTag) {
+ var className = cache.key + "-" + serialized.name;
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+ if ( // we only need to add the styles to the registered cache if the
+ // class name could be used further down
+ // the tree but if it's a string tag, we know it won't
+ // so we don't have to add it to registered cache.
+ // this improves memory usage since we can avoid storing the whole style string
+ (isStringTag === false || // we need to always store it if we're in compat mode and
+ // in node since emotion-server relies on whether a style is in
+ // the registered cache to know whether a style is global or not
+ // also, note that this check will be dead code eliminated in the browser
+ isBrowser === false && cache.compat !== undefined) && cache.registered[className] === undefined) {
+ cache.registered[className] = serialized.styles;
+ }
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+ if (cache.inserted[serialized.name] === undefined) {
+ var current = serialized;
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+ do {
+ var maybeStyles = cache.insert("." + className, current, cache.sheet, true);
-var sizerStyle = {
- position: 'absolute',
- top: 0,
- left: 0,
- visibility: 'hidden',
- height: 0,
- overflow: 'scroll',
- whiteSpace: 'pre'
+ current = current.next;
+ } while (current !== undefined);
+ }
};
-var INPUT_PROPS_BLACKLIST = ['extraWidth', 'injectStyles', 'inputClassName', 'inputRef', 'inputStyle', 'minWidth', 'onAutosize', 'placeholderIsMinWidth'];
-var cleanInputProps = function cleanInputProps(inputProps) {
- INPUT_PROPS_BLACKLIST.forEach(function (field) {
- return delete inputProps[field];
- });
- return inputProps;
-};
-var copyStyles = function copyStyles(styles, node) {
- node.style.fontSize = styles.fontSize;
- node.style.fontFamily = styles.fontFamily;
- node.style.fontWeight = styles.fontWeight;
- node.style.fontStyle = styles.fontStyle;
- node.style.letterSpacing = styles.letterSpacing;
- node.style.textTransform = styles.textTransform;
-};
-var isIE = typeof window !== 'undefined' && window.navigator ? /MSIE |Trident\/|Edge\//.test(window.navigator.userAgent) : false;
+/***/ }),
+/* 175 */
+/*!*****************************************!*\
+ !*** ./node_modules/scheduler/index.js ***!
+ \*****************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
-var generateId = function generateId() {
- // we only need an auto-generated ID for stylesheet injection, which is only
- // used for IE. so if the browser is not IE, this should return undefined.
- return isIE ? '_' + Math.random().toString(36).substr(2, 12) : undefined;
-};
+"use strict";
+/* WEBPACK VAR INJECTION */(function(process) {
-var AutosizeInput = function (_Component) {
- _inherits(AutosizeInput, _Component);
+if (process.env.NODE_ENV === 'production') {
+ module.exports = __webpack_require__(/*! ./cjs/scheduler.production.min.js */ 353);
+} else {
+ module.exports = __webpack_require__(/*! ./cjs/scheduler.development.js */ 354);
+}
- function AutosizeInput(props) {
- _classCallCheck(this, AutosizeInput);
+/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(/*! ./../process/browser.js */ 6)))
- var _this = _possibleConstructorReturn(this, (AutosizeInput.__proto__ || Object.getPrototypeOf(AutosizeInput)).call(this, props));
+/***/ }),
+/* 176 */
+/*!**********************************************************************!*\
+ !*** ./node_modules/react-select/dist/index-75b02bac.browser.esm.js ***!
+ \**********************************************************************/
+/*! exports provided: A, B, C, D, E, F, G, M, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z */
+/*! exports used: A, B, C, D, E, M, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
- _this.inputRef = function (el) {
- _this.input = el;
- if (typeof _this.props.inputRef === 'function') {
- _this.props.inputRef(el);
- }
- };
+"use strict";
+/* WEBPACK VAR INJECTION */(function(process) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return isDocumentElement; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return exportedEqual; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return cleanValue; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return scrollIntoView; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return noop; });
+/* unused harmony export F */
+/* unused harmony export G */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return MenuPlacer; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return containerCSS; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return css; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return clearIndicatorCSS; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "j", function() { return dropdownIndicatorCSS; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "k", function() { return groupHeadingCSS; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "l", function() { return indicatorSeparatorCSS; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "m", function() { return groupCSS; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "n", function() { return inputCSS; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "o", function() { return indicatorsContainerCSS; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "p", function() { return loadingMessageCSS; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "q", function() { return menuListCSS; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "r", function() { return loadingIndicatorCSS; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "s", function() { return menuCSS; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "t", function() { return menuPortalCSS; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "u", function() { return multiValueCSS; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "v", function() { return multiValueLabelCSS; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "w", function() { return multiValueRemoveCSS; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "x", function() { return noOptionsMessageCSS; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "y", function() { return optionCSS; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "z", function() { return placeholderCSS; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "A", function() { return css$1; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "B", function() { return valueContainerCSS; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "C", function() { return isTouchCapable; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "D", function() { return isMobileDevice; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "E", function() { return defaultComponents; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "F", function() { return classNames; });
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_objectWithoutProperties__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutProperties */ 90);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ 91);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_defineProperty__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ 177);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__babel_runtime_helpers_esm_classCallCheck__ = __webpack_require__(/*! @babel/runtime/helpers/esm/classCallCheck */ 59);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__babel_runtime_helpers_esm_createClass__ = __webpack_require__(/*! @babel/runtime/helpers/esm/createClass */ 60);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__babel_runtime_helpers_esm_inherits__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inherits */ 61);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__babel_runtime_helpers_esm_possibleConstructorReturn__ = __webpack_require__(/*! @babel/runtime/helpers/esm/possibleConstructorReturn */ 62);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__babel_runtime_helpers_esm_getPrototypeOf__ = __webpack_require__(/*! @babel/runtime/helpers/esm/getPrototypeOf */ 63);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_react__ = __webpack_require__(/*! react */ 5);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_react__);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__emotion_core__ = __webpack_require__(/*! @emotion/core */ 87);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_react_dom__ = __webpack_require__(/*! react-dom */ 33);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_10_react_dom__);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__babel_runtime_helpers_esm_typeof__ = __webpack_require__(/*! @babel/runtime/helpers/esm/typeof */ 360);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__emotion_css__ = __webpack_require__(/*! @emotion/css */ 41);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__babel_runtime_helpers_esm_taggedTemplateLiteral__ = __webpack_require__(/*! @babel/runtime/helpers/esm/taggedTemplateLiteral */ 361);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14_react_input_autosize__ = __webpack_require__(/*! react-input-autosize */ 178);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14_react_input_autosize___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_14_react_input_autosize__);
- _this.placeHolderSizerRef = function (el) {
- _this.placeHolderSizer = el;
- };
- _this.sizerRef = function (el) {
- _this.sizer = el;
- };
- _this.state = {
- inputWidth: props.minWidth,
- inputId: props.id || generateId()
- };
- return _this;
- }
- _createClass(AutosizeInput, [{
- key: 'componentDidMount',
- value: function componentDidMount() {
- this.mounted = true;
- this.copyInputStyles();
- this.updateInputWidth();
- }
- }, {
- key: 'UNSAFE_componentWillReceiveProps',
- value: function UNSAFE_componentWillReceiveProps(nextProps) {
- var id = nextProps.id;
- if (id !== this.props.id) {
- this.setState({ inputId: id || generateId() });
- }
- }
- }, {
- key: 'componentDidUpdate',
- value: function componentDidUpdate(prevProps, prevState) {
- if (prevState.inputWidth !== this.state.inputWidth) {
- if (typeof this.props.onAutosize === 'function') {
- this.props.onAutosize(this.state.inputWidth);
- }
- }
- this.updateInputWidth();
- }
- }, {
- key: 'componentWillUnmount',
- value: function componentWillUnmount() {
- this.mounted = false;
- }
- }, {
- key: 'copyInputStyles',
- value: function copyInputStyles() {
- if (!this.mounted || !window.getComputedStyle) {
- return;
- }
- var inputStyles = this.input && window.getComputedStyle(this.input);
- if (!inputStyles) {
- return;
- }
- copyStyles(inputStyles, this.sizer);
- if (this.placeHolderSizer) {
- copyStyles(inputStyles, this.placeHolderSizer);
- }
- }
- }, {
- key: 'updateInputWidth',
- value: function updateInputWidth() {
- if (!this.mounted || !this.sizer || typeof this.sizer.scrollWidth === 'undefined') {
- return;
- }
- var newInputWidth = void 0;
- if (this.props.placeholder && (!this.props.value || this.props.value && this.props.placeholderIsMinWidth)) {
- newInputWidth = Math.max(this.sizer.scrollWidth, this.placeHolderSizer.scrollWidth) + 2;
- } else {
- newInputWidth = this.sizer.scrollWidth + 2;
- }
- // add extraWidth to the detected width. for number types, this defaults to 16 to allow for the stepper UI
- var extraWidth = this.props.type === 'number' && this.props.extraWidth === undefined ? 16 : parseInt(this.props.extraWidth) || 0;
- newInputWidth += extraWidth;
- if (newInputWidth < this.props.minWidth) {
- newInputWidth = this.props.minWidth;
- }
- if (newInputWidth !== this.state.inputWidth) {
- this.setState({
- inputWidth: newInputWidth
- });
- }
- }
- }, {
- key: 'getInput',
- value: function getInput() {
- return this.input;
- }
- }, {
- key: 'focus',
- value: function focus() {
- this.input.focus();
- }
- }, {
- key: 'blur',
- value: function blur() {
- this.input.blur();
- }
- }, {
- key: 'select',
- value: function select() {
- this.input.select();
- }
- }, {
- key: 'renderStyles',
- value: function renderStyles() {
- // this method injects styles to hide IE's clear indicator, which messes
- // with input size detection. the stylesheet is only injected when the
- // browser is IE, and can also be disabled by the `injectStyles` prop.
- var injectStyles = this.props.injectStyles;
- return isIE && injectStyles ? _react2.default.createElement('style', { dangerouslySetInnerHTML: {
- __html: 'input#' + this.state.inputId + '::-ms-clear {display: none;}'
- } }) : null;
- }
- }, {
- key: 'render',
- value: function render() {
- var sizerValue = [this.props.defaultValue, this.props.value, ''].reduce(function (previousValue, currentValue) {
- if (previousValue !== null && previousValue !== undefined) {
- return previousValue;
- }
- return currentValue;
- });
- var wrapperStyle = _extends({}, this.props.style);
- if (!wrapperStyle.display) wrapperStyle.display = 'inline-block';
- var inputStyle = _extends({
- boxSizing: 'content-box',
- width: this.state.inputWidth + 'px'
- }, this.props.inputStyle);
- var inputProps = _objectWithoutProperties(this.props, []);
- cleanInputProps(inputProps);
- inputProps.className = this.props.inputClassName;
- inputProps.id = this.state.inputId;
- inputProps.style = inputStyle;
- return _react2.default.createElement(
- 'div',
- { className: this.props.className, style: wrapperStyle },
- this.renderStyles(),
- _react2.default.createElement('input', _extends({}, inputProps, { ref: this.inputRef })),
- _react2.default.createElement(
- 'div',
- { ref: this.sizerRef, style: sizerStyle },
- sizerValue
- ),
- this.props.placeholder ? _react2.default.createElement(
- 'div',
- { ref: this.placeHolderSizerRef, style: sizerStyle },
- this.props.placeholder
- ) : null
- );
- }
- }]);
- return AutosizeInput;
-}(_react.Component);
-AutosizeInput.propTypes = {
- className: _propTypes2.default.string, // className for the outer element
- defaultValue: _propTypes2.default.any, // default field value
- extraWidth: _propTypes2.default.oneOfType([// additional width for input element
- _propTypes2.default.number, _propTypes2.default.string]),
- id: _propTypes2.default.string, // id to use for the input, can be set for consistent snapshots
- injectStyles: _propTypes2.default.bool, // inject the custom stylesheet to hide clear UI, defaults to true
- inputClassName: _propTypes2.default.string, // className for the input element
- inputRef: _propTypes2.default.func, // ref callback for the input element
- inputStyle: _propTypes2.default.object, // css styles for the input element
- minWidth: _propTypes2.default.oneOfType([// minimum width for input element
- _propTypes2.default.number, _propTypes2.default.string]),
- onAutosize: _propTypes2.default.func, // onAutosize handler: function(newWidth) {}
- onChange: _propTypes2.default.func, // onChange handler: function(event) {}
- placeholder: _propTypes2.default.string, // placeholder text
- placeholderIsMinWidth: _propTypes2.default.bool, // don't collapse size to less than the placeholder
- style: _propTypes2.default.object, // css styles for the outer element
- value: _propTypes2.default.any // field value
-};
-AutosizeInput.defaultProps = {
- minWidth: 1,
- injectStyles: true
-};
-exports.default = AutosizeInput;
-/***/ }),
-/* 139 */
-/*!***********************************************************************!*\
- !*** ./node_modules/react-select/dist/Select-9fdb8cd0.browser.esm.js ***!
- \***********************************************************************/
-/*! exports provided: S, a, c, d, m */
-/*! exports used: S */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-"use strict";
-/* WEBPACK VAR INJECTION */(function(process) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Select; });
-/* unused harmony export a */
-/* unused harmony export c */
-/* unused harmony export d */
-/* unused harmony export m */
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(/*! react */ 6);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_memoize_one__ = __webpack_require__(/*! memoize-one */ 131);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__emotion_core__ = __webpack_require__(/*! @emotion/core */ 65);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react_dom__ = __webpack_require__(/*! react-dom */ 18);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react_dom__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_06b0d5a4_browser_esm_js__ = __webpack_require__(/*! ./utils-06b0d5a4.browser.esm.js */ 66);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__ = __webpack_require__(/*! ./index-4322c0ed.browser.esm.js */ 137);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__emotion_css__ = __webpack_require__(/*! @emotion/css */ 29);
+// ==============================
+// NO OP
+// ==============================
+var noop = function noop() {};
+// Class Name Prefixer
+// ==============================
+/**
+ String representation of component state for styling with class names.
+ Expects an array of strings OR a string/object pair:
+ - className(['comp', 'comp-arg', 'comp-arg-2'])
+ @returns 'react-select__comp react-select__comp-arg react-select__comp-arg-2'
+ - className('comp', { some: true, state: false })
+ @returns 'react-select__comp react-select__comp--some'
+*/
+function applyPrefixToName(prefix, name) {
+ if (!name) {
+ return prefix;
+ } else if (name[0] === '-') {
+ return prefix + name;
+ } else {
+ return prefix + '__' + name;
+ }
+}
+function classNames(prefix, state, className) {
+ var arr = [className];
+ if (state && prefix) {
+ for (var key in state) {
+ if (state.hasOwnProperty(key) && state[key]) {
+ arr.push("".concat(applyPrefixToName(prefix, key)));
+ }
+ }
+ }
+ return arr.filter(function (i) {
+ return i;
+ }).map(function (i) {
+ return String(i).trim();
+ }).join(' ');
+} // ==============================
+// Clean Value
+// ==============================
+var cleanValue = function cleanValue(value) {
+ if (Array.isArray(value)) return value.filter(Boolean);
+ if (Object(__WEBPACK_IMPORTED_MODULE_11__babel_runtime_helpers_esm_typeof__["a" /* default */])(value) === 'object' && value !== null) return [value];
+ return [];
+}; // ==============================
+// Handle Input Change
+// ==============================
-var diacritics = [{
- base: 'A',
- letters: /[\u0041\u24B6\uFF21\u00C0\u00C1\u00C2\u1EA6\u1EA4\u1EAA\u1EA8\u00C3\u0100\u0102\u1EB0\u1EAE\u1EB4\u1EB2\u0226\u01E0\u00C4\u01DE\u1EA2\u00C5\u01FA\u01CD\u0200\u0202\u1EA0\u1EAC\u1EB6\u1E00\u0104\u023A\u2C6F]/g
-}, {
- base: 'AA',
- letters: /[\uA732]/g
-}, {
- base: 'AE',
- letters: /[\u00C6\u01FC\u01E2]/g
-}, {
- base: 'AO',
- letters: /[\uA734]/g
-}, {
- base: 'AU',
- letters: /[\uA736]/g
-}, {
- base: 'AV',
- letters: /[\uA738\uA73A]/g
-}, {
- base: 'AY',
- letters: /[\uA73C]/g
-}, {
- base: 'B',
- letters: /[\u0042\u24B7\uFF22\u1E02\u1E04\u1E06\u0243\u0182\u0181]/g
-}, {
- base: 'C',
- letters: /[\u0043\u24B8\uFF23\u0106\u0108\u010A\u010C\u00C7\u1E08\u0187\u023B\uA73E]/g
-}, {
- base: 'D',
- letters: /[\u0044\u24B9\uFF24\u1E0A\u010E\u1E0C\u1E10\u1E12\u1E0E\u0110\u018B\u018A\u0189\uA779]/g
-}, {
- base: 'DZ',
- letters: /[\u01F1\u01C4]/g
-}, {
- base: 'Dz',
- letters: /[\u01F2\u01C5]/g
-}, {
- base: 'E',
- letters: /[\u0045\u24BA\uFF25\u00C8\u00C9\u00CA\u1EC0\u1EBE\u1EC4\u1EC2\u1EBC\u0112\u1E14\u1E16\u0114\u0116\u00CB\u1EBA\u011A\u0204\u0206\u1EB8\u1EC6\u0228\u1E1C\u0118\u1E18\u1E1A\u0190\u018E]/g
-}, {
- base: 'F',
- letters: /[\u0046\u24BB\uFF26\u1E1E\u0191\uA77B]/g
-}, {
- base: 'G',
- letters: /[\u0047\u24BC\uFF27\u01F4\u011C\u1E20\u011E\u0120\u01E6\u0122\u01E4\u0193\uA7A0\uA77D\uA77E]/g
-}, {
- base: 'H',
- letters: /[\u0048\u24BD\uFF28\u0124\u1E22\u1E26\u021E\u1E24\u1E28\u1E2A\u0126\u2C67\u2C75\uA78D]/g
-}, {
- base: 'I',
- letters: /[\u0049\u24BE\uFF29\u00CC\u00CD\u00CE\u0128\u012A\u012C\u0130\u00CF\u1E2E\u1EC8\u01CF\u0208\u020A\u1ECA\u012E\u1E2C\u0197]/g
-}, {
- base: 'J',
- letters: /[\u004A\u24BF\uFF2A\u0134\u0248]/g
-}, {
- base: 'K',
- letters: /[\u004B\u24C0\uFF2B\u1E30\u01E8\u1E32\u0136\u1E34\u0198\u2C69\uA740\uA742\uA744\uA7A2]/g
-}, {
- base: 'L',
- letters: /[\u004C\u24C1\uFF2C\u013F\u0139\u013D\u1E36\u1E38\u013B\u1E3C\u1E3A\u0141\u023D\u2C62\u2C60\uA748\uA746\uA780]/g
-}, {
- base: 'LJ',
- letters: /[\u01C7]/g
-}, {
- base: 'Lj',
- letters: /[\u01C8]/g
-}, {
- base: 'M',
- letters: /[\u004D\u24C2\uFF2D\u1E3E\u1E40\u1E42\u2C6E\u019C]/g
-}, {
- base: 'N',
- letters: /[\u004E\u24C3\uFF2E\u01F8\u0143\u00D1\u1E44\u0147\u1E46\u0145\u1E4A\u1E48\u0220\u019D\uA790\uA7A4]/g
-}, {
- base: 'NJ',
- letters: /[\u01CA]/g
-}, {
- base: 'Nj',
- letters: /[\u01CB]/g
-}, {
- base: 'O',
- letters: /[\u004F\u24C4\uFF2F\u00D2\u00D3\u00D4\u1ED2\u1ED0\u1ED6\u1ED4\u00D5\u1E4C\u022C\u1E4E\u014C\u1E50\u1E52\u014E\u022E\u0230\u00D6\u022A\u1ECE\u0150\u01D1\u020C\u020E\u01A0\u1EDC\u1EDA\u1EE0\u1EDE\u1EE2\u1ECC\u1ED8\u01EA\u01EC\u00D8\u01FE\u0186\u019F\uA74A\uA74C]/g
-}, {
- base: 'OI',
- letters: /[\u01A2]/g
-}, {
- base: 'OO',
- letters: /[\uA74E]/g
-}, {
- base: 'OU',
- letters: /[\u0222]/g
-}, {
- base: 'P',
- letters: /[\u0050\u24C5\uFF30\u1E54\u1E56\u01A4\u2C63\uA750\uA752\uA754]/g
-}, {
- base: 'Q',
- letters: /[\u0051\u24C6\uFF31\uA756\uA758\u024A]/g
-}, {
- base: 'R',
- letters: /[\u0052\u24C7\uFF32\u0154\u1E58\u0158\u0210\u0212\u1E5A\u1E5C\u0156\u1E5E\u024C\u2C64\uA75A\uA7A6\uA782]/g
-}, {
- base: 'S',
- letters: /[\u0053\u24C8\uFF33\u1E9E\u015A\u1E64\u015C\u1E60\u0160\u1E66\u1E62\u1E68\u0218\u015E\u2C7E\uA7A8\uA784]/g
-}, {
- base: 'T',
- letters: /[\u0054\u24C9\uFF34\u1E6A\u0164\u1E6C\u021A\u0162\u1E70\u1E6E\u0166\u01AC\u01AE\u023E\uA786]/g
-}, {
- base: 'TZ',
- letters: /[\uA728]/g
-}, {
- base: 'U',
- letters: /[\u0055\u24CA\uFF35\u00D9\u00DA\u00DB\u0168\u1E78\u016A\u1E7A\u016C\u00DC\u01DB\u01D7\u01D5\u01D9\u1EE6\u016E\u0170\u01D3\u0214\u0216\u01AF\u1EEA\u1EE8\u1EEE\u1EEC\u1EF0\u1EE4\u1E72\u0172\u1E76\u1E74\u0244]/g
-}, {
- base: 'V',
- letters: /[\u0056\u24CB\uFF36\u1E7C\u1E7E\u01B2\uA75E\u0245]/g
-}, {
- base: 'VY',
- letters: /[\uA760]/g
-}, {
- base: 'W',
- letters: /[\u0057\u24CC\uFF37\u1E80\u1E82\u0174\u1E86\u1E84\u1E88\u2C72]/g
-}, {
- base: 'X',
- letters: /[\u0058\u24CD\uFF38\u1E8A\u1E8C]/g
-}, {
- base: 'Y',
- letters: /[\u0059\u24CE\uFF39\u1EF2\u00DD\u0176\u1EF8\u0232\u1E8E\u0178\u1EF6\u1EF4\u01B3\u024E\u1EFE]/g
-}, {
- base: 'Z',
- letters: /[\u005A\u24CF\uFF3A\u0179\u1E90\u017B\u017D\u1E92\u1E94\u01B5\u0224\u2C7F\u2C6B\uA762]/g
-}, {
- base: 'a',
- letters: /[\u0061\u24D0\uFF41\u1E9A\u00E0\u00E1\u00E2\u1EA7\u1EA5\u1EAB\u1EA9\u00E3\u0101\u0103\u1EB1\u1EAF\u1EB5\u1EB3\u0227\u01E1\u00E4\u01DF\u1EA3\u00E5\u01FB\u01CE\u0201\u0203\u1EA1\u1EAD\u1EB7\u1E01\u0105\u2C65\u0250]/g
-}, {
- base: 'aa',
- letters: /[\uA733]/g
-}, {
- base: 'ae',
- letters: /[\u00E6\u01FD\u01E3]/g
-}, {
- base: 'ao',
- letters: /[\uA735]/g
-}, {
- base: 'au',
- letters: /[\uA737]/g
-}, {
- base: 'av',
- letters: /[\uA739\uA73B]/g
-}, {
- base: 'ay',
- letters: /[\uA73D]/g
-}, {
- base: 'b',
- letters: /[\u0062\u24D1\uFF42\u1E03\u1E05\u1E07\u0180\u0183\u0253]/g
-}, {
- base: 'c',
- letters: /[\u0063\u24D2\uFF43\u0107\u0109\u010B\u010D\u00E7\u1E09\u0188\u023C\uA73F\u2184]/g
-}, {
- base: 'd',
- letters: /[\u0064\u24D3\uFF44\u1E0B\u010F\u1E0D\u1E11\u1E13\u1E0F\u0111\u018C\u0256\u0257\uA77A]/g
-}, {
- base: 'dz',
- letters: /[\u01F3\u01C6]/g
-}, {
- base: 'e',
- letters: /[\u0065\u24D4\uFF45\u00E8\u00E9\u00EA\u1EC1\u1EBF\u1EC5\u1EC3\u1EBD\u0113\u1E15\u1E17\u0115\u0117\u00EB\u1EBB\u011B\u0205\u0207\u1EB9\u1EC7\u0229\u1E1D\u0119\u1E19\u1E1B\u0247\u025B\u01DD]/g
-}, {
- base: 'f',
- letters: /[\u0066\u24D5\uFF46\u1E1F\u0192\uA77C]/g
-}, {
- base: 'g',
- letters: /[\u0067\u24D6\uFF47\u01F5\u011D\u1E21\u011F\u0121\u01E7\u0123\u01E5\u0260\uA7A1\u1D79\uA77F]/g
-}, {
- base: 'h',
- letters: /[\u0068\u24D7\uFF48\u0125\u1E23\u1E27\u021F\u1E25\u1E29\u1E2B\u1E96\u0127\u2C68\u2C76\u0265]/g
-}, {
- base: 'hv',
- letters: /[\u0195]/g
-}, {
- base: 'i',
- letters: /[\u0069\u24D8\uFF49\u00EC\u00ED\u00EE\u0129\u012B\u012D\u00EF\u1E2F\u1EC9\u01D0\u0209\u020B\u1ECB\u012F\u1E2D\u0268\u0131]/g
-}, {
- base: 'j',
- letters: /[\u006A\u24D9\uFF4A\u0135\u01F0\u0249]/g
-}, {
- base: 'k',
- letters: /[\u006B\u24DA\uFF4B\u1E31\u01E9\u1E33\u0137\u1E35\u0199\u2C6A\uA741\uA743\uA745\uA7A3]/g
-}, {
- base: 'l',
- letters: /[\u006C\u24DB\uFF4C\u0140\u013A\u013E\u1E37\u1E39\u013C\u1E3D\u1E3B\u017F\u0142\u019A\u026B\u2C61\uA749\uA781\uA747]/g
-}, {
- base: 'lj',
- letters: /[\u01C9]/g
-}, {
- base: 'm',
- letters: /[\u006D\u24DC\uFF4D\u1E3F\u1E41\u1E43\u0271\u026F]/g
-}, {
- base: 'n',
- letters: /[\u006E\u24DD\uFF4E\u01F9\u0144\u00F1\u1E45\u0148\u1E47\u0146\u1E4B\u1E49\u019E\u0272\u0149\uA791\uA7A5]/g
-}, {
- base: 'nj',
- letters: /[\u01CC]/g
-}, {
- base: 'o',
- letters: /[\u006F\u24DE\uFF4F\u00F2\u00F3\u00F4\u1ED3\u1ED1\u1ED7\u1ED5\u00F5\u1E4D\u022D\u1E4F\u014D\u1E51\u1E53\u014F\u022F\u0231\u00F6\u022B\u1ECF\u0151\u01D2\u020D\u020F\u01A1\u1EDD\u1EDB\u1EE1\u1EDF\u1EE3\u1ECD\u1ED9\u01EB\u01ED\u00F8\u01FF\u0254\uA74B\uA74D\u0275]/g
-}, {
- base: 'oi',
- letters: /[\u01A3]/g
-}, {
- base: 'ou',
- letters: /[\u0223]/g
-}, {
- base: 'oo',
- letters: /[\uA74F]/g
-}, {
- base: 'p',
- letters: /[\u0070\u24DF\uFF50\u1E55\u1E57\u01A5\u1D7D\uA751\uA753\uA755]/g
-}, {
- base: 'q',
- letters: /[\u0071\u24E0\uFF51\u024B\uA757\uA759]/g
-}, {
- base: 'r',
- letters: /[\u0072\u24E1\uFF52\u0155\u1E59\u0159\u0211\u0213\u1E5B\u1E5D\u0157\u1E5F\u024D\u027D\uA75B\uA7A7\uA783]/g
-}, {
- base: 's',
- letters: /[\u0073\u24E2\uFF53\u00DF\u015B\u1E65\u015D\u1E61\u0161\u1E67\u1E63\u1E69\u0219\u015F\u023F\uA7A9\uA785\u1E9B]/g
-}, {
- base: 't',
- letters: /[\u0074\u24E3\uFF54\u1E6B\u1E97\u0165\u1E6D\u021B\u0163\u1E71\u1E6F\u0167\u01AD\u0288\u2C66\uA787]/g
-}, {
- base: 'tz',
- letters: /[\uA729]/g
-}, {
- base: 'u',
- letters: /[\u0075\u24E4\uFF55\u00F9\u00FA\u00FB\u0169\u1E79\u016B\u1E7B\u016D\u00FC\u01DC\u01D8\u01D6\u01DA\u1EE7\u016F\u0171\u01D4\u0215\u0217\u01B0\u1EEB\u1EE9\u1EEF\u1EED\u1EF1\u1EE5\u1E73\u0173\u1E77\u1E75\u0289]/g
-}, {
- base: 'v',
- letters: /[\u0076\u24E5\uFF56\u1E7D\u1E7F\u028B\uA75F\u028C]/g
-}, {
- base: 'vy',
- letters: /[\uA761]/g
-}, {
- base: 'w',
- letters: /[\u0077\u24E6\uFF57\u1E81\u1E83\u0175\u1E87\u1E85\u1E98\u1E89\u2C73]/g
-}, {
- base: 'x',
- letters: /[\u0078\u24E7\uFF58\u1E8B\u1E8D]/g
-}, {
- base: 'y',
- letters: /[\u0079\u24E8\uFF59\u1EF3\u00FD\u0177\u1EF9\u0233\u1E8F\u00FF\u1EF7\u1E99\u1EF5\u01B4\u024F\u1EFF]/g
-}, {
- base: 'z',
- letters: /[\u007A\u24E9\uFF5A\u017A\u1E91\u017C\u017E\u1E93\u1E95\u01B6\u0225\u0240\u2C6C\uA763]/g
-}];
-var stripDiacritics = function stripDiacritics(str) {
- for (var i = 0; i < diacritics.length; i++) {
- str = str.replace(diacritics[i].letters, diacritics[i].base);
+function handleInputChange(inputValue, actionMeta, onInputChange) {
+ if (onInputChange) {
+ var newValue = onInputChange(inputValue, actionMeta);
+ if (typeof newValue === 'string') return newValue;
}
- return str;
-};
-
-function _extends() { _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; }; return _extends.apply(this, arguments); }
-
-var trimString = function trimString(str) {
- return str.replace(/^\s+|\s+$/g, '');
-};
+ return inputValue;
+} // ==============================
+// Scroll Helpers
+// ==============================
-var defaultStringify = function defaultStringify(option) {
- return option.label + " " + option.value;
-};
+function isDocumentElement(el) {
+ return [document.documentElement, document.body, window].indexOf(el) > -1;
+} // Normalized Scroll Top
+// ------------------------------
-var createFilter = function createFilter(config) {
- return function (option, rawInput) {
- var _ignoreCase$ignoreAcc = _extends({
- ignoreCase: true,
- ignoreAccents: true,
- stringify: defaultStringify,
- trim: true,
- matchFrom: 'any'
- }, config),
- ignoreCase = _ignoreCase$ignoreAcc.ignoreCase,
- ignoreAccents = _ignoreCase$ignoreAcc.ignoreAccents,
- stringify = _ignoreCase$ignoreAcc.stringify,
- trim = _ignoreCase$ignoreAcc.trim,
- matchFrom = _ignoreCase$ignoreAcc.matchFrom;
+function getScrollTop(el) {
+ if (isDocumentElement(el)) {
+ return window.pageYOffset;
+ }
- var input = trim ? trimString(rawInput) : rawInput;
- var candidate = trim ? trimString(stringify(option)) : stringify(option);
+ return el.scrollTop;
+}
+function scrollTo(el, top) {
+ // with a scroll distance, we perform scroll on the element
+ if (isDocumentElement(el)) {
+ window.scrollTo(0, top);
+ return;
+ }
- if (ignoreCase) {
- input = input.toLowerCase();
- candidate = candidate.toLowerCase();
- }
+ el.scrollTop = top;
+} // Get Scroll Parent
+// ------------------------------
- if (ignoreAccents) {
- input = stripDiacritics(input);
- candidate = stripDiacritics(candidate);
- }
+function getScrollParent(element) {
+ var style = getComputedStyle(element);
+ var excludeStaticParent = style.position === 'absolute';
+ var overflowRx = /(auto|scroll)/;
+ var docEl = document.documentElement; // suck it, flow...
- return matchFrom === 'start' ? candidate.substr(0, input.length) === input : candidate.indexOf(input) > -1;
- };
-};
+ if (style.position === 'fixed') return docEl;
-function _extends$1() { _extends$1 = 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; }; return _extends$1.apply(this, arguments); }
+ for (var parent = element; parent = parent.parentElement;) {
+ style = getComputedStyle(parent);
-var _ref = process.env.NODE_ENV === "production" ? {
- name: "1laao21-a11yText",
- styles: "label:a11yText;z-index:9999;border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0;white-space:nowrap;"
-} : {
- name: "1laao21-a11yText",
- styles: "label:a11yText;z-index:9999;border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0;white-space:nowrap;",
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkExMXlUZXh0LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFNIiwiZmlsZSI6IkExMXlUZXh0LmpzIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQGZsb3dcbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHsgdHlwZSBFbGVtZW50Q29uZmlnIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsganN4IH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbi8vIEFzc2lzdGl2ZSB0ZXh0IHRvIGRlc2NyaWJlIHZpc3VhbCBlbGVtZW50cy4gSGlkZGVuIGZvciBzaWdodGVkIHVzZXJzLlxuY29uc3QgQTExeVRleHQgPSAocHJvcHM6IEVsZW1lbnRDb25maWc8J3NwYW4nPikgPT4gKFxuICAgIDxzcGFuXG4gICAgICBjc3M9e3tcbiAgICAgICAgbGFiZWw6ICdhMTF5VGV4dCcsXG4gICAgICAgIHpJbmRleDogOTk5OSxcbiAgICAgICAgYm9yZGVyOiAwLFxuICAgICAgICBjbGlwOiAncmVjdCgxcHgsIDFweCwgMXB4LCAxcHgpJyxcbiAgICAgICAgaGVpZ2h0OiAxLFxuICAgICAgICB3aWR0aDogMSxcbiAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG4gICAgICB9fVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBBMTF5VGV4dDtcbiJdfQ== */"
-};
+ if (excludeStaticParent && style.position === 'static') {
+ continue;
+ }
-var A11yText = function A11yText(props) {
- return __WEBPACK_IMPORTED_MODULE_2__emotion_core__["c" /* jsx */]("span", _extends$1({
- css: _ref
- }, props));
-};
+ if (overflowRx.test(style.overflow + style.overflowY + style.overflowX)) {
+ return parent;
+ }
+ }
-function _extends$2() { _extends$2 = 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; }; return _extends$2.apply(this, arguments); }
+ return docEl;
+} // Animated Scroll To
+// ------------------------------
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function DummyInput(_ref) {
- var inProp = _ref.in,
- out = _ref.out,
- onExited = _ref.onExited,
- appear = _ref.appear,
- enter = _ref.enter,
- exit = _ref.exit,
- innerRef = _ref.innerRef,
- emotion = _ref.emotion,
- props = _objectWithoutPropertiesLoose(_ref, ["in", "out", "onExited", "appear", "enter", "exit", "innerRef", "emotion"]);
+/**
+ @param t: time (elapsed)
+ @param b: initial value
+ @param c: amount of change
+ @param d: duration
+*/
- return __WEBPACK_IMPORTED_MODULE_2__emotion_core__["c" /* jsx */]("input", _extends$2({
- ref: innerRef
- }, props, {
- css:
- /*#__PURE__*/
- __WEBPACK_IMPORTED_MODULE_6__emotion_css__["a" /* default */]({
- label: 'dummyInput',
- // get rid of any default styles
- background: 0,
- border: 0,
- fontSize: 'inherit',
- outline: 0,
- padding: 0,
- // important! without `width` browsers won't allow focus
- width: 1,
- // remove cursor on desktop
- color: 'transparent',
- // remove cursor on mobile whilst maintaining "scroll into view" behaviour
- left: -100,
- opacity: 0,
- position: 'relative',
- transform: 'scale(0)'
- }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkR1bW15SW5wdXQuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJNIiwiZmlsZSI6IkR1bW15SW5wdXQuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBAZmxvd1xuLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyBqc3ggfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gRHVtbXlJbnB1dCh7XG4gIGluOiBpblByb3AsXG4gIG91dCxcbiAgb25FeGl0ZWQsXG4gIGFwcGVhcixcbiAgZW50ZXIsXG4gIGV4aXQsXG4gIGlubmVyUmVmLFxuICBlbW90aW9uLFxuICAuLi5wcm9wc1xufTogYW55KSB7XG4gIHJldHVybiAoXG4gICAgPGlucHV0XG4gICAgICByZWY9e2lubmVyUmVmfVxuICAgICAgey4uLnByb3BzfVxuICAgICAgY3NzPXt7XG4gICAgICAgIGxhYmVsOiAnZHVtbXlJbnB1dCcsXG4gICAgICAgIC8vIGdldCByaWQgb2YgYW55IGRlZmF1bHQgc3R5bGVzXG4gICAgICAgIGJhY2tncm91bmQ6IDAsXG4gICAgICAgIGJvcmRlcjogMCxcbiAgICAgICAgZm9udFNpemU6ICdpbmhlcml0JyxcbiAgICAgICAgb3V0bGluZTogMCxcbiAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgLy8gaW1wb3J0YW50ISB3aXRob3V0IGB3aWR0aGAgYnJvd3NlcnMgd29uJ3QgYWxsb3cgZm9jdXNcbiAgICAgICAgd2lkdGg6IDEsXG5cbiAgICAgICAgLy8gcmVtb3ZlIGN1cnNvciBvbiBkZXNrdG9wXG4gICAgICAgIGNvbG9yOiAndHJhbnNwYXJlbnQnLFxuXG4gICAgICAgIC8vIHJlbW92ZSBjdXJzb3Igb24gbW9iaWxlIHdoaWxzdCBtYWludGFpbmluZyBcInNjcm9sbCBpbnRvIHZpZXdcIiBiZWhhdmlvdXJcbiAgICAgICAgbGVmdDogLTEwMCxcbiAgICAgICAgb3BhY2l0eTogMCxcbiAgICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICAgIHRyYW5zZm9ybTogJ3NjYWxlKDApJyxcbiAgICAgIH19XG4gICAgLz5cbiAgKTtcbn1cbiJdfQ== */")
- }));
+function easeOutCubic(t, b, c, d) {
+ return c * ((t = t / d - 1) * t * t + 1) + b;
}
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+function animatedScrollTo(element, to) {
+ var duration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 200;
+ var callback = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : noop;
+ var start = getScrollTop(element);
+ var change = to - start;
+ var increment = 10;
+ var currentTime = 0;
-var NodeResolver =
-/*#__PURE__*/
-function (_Component) {
- _inheritsLoose(NodeResolver, _Component);
+ function animateScroll() {
+ currentTime += increment;
+ var val = easeOutCubic(currentTime, start, change, duration);
+ scrollTo(element, val);
- function NodeResolver() {
- return _Component.apply(this, arguments) || this;
+ if (currentTime < duration) {
+ window.requestAnimationFrame(animateScroll);
+ } else {
+ callback(element);
+ }
}
- var _proto = NodeResolver.prototype;
+ animateScroll();
+} // Scroll Into View
+// ------------------------------
- _proto.componentDidMount = function componentDidMount() {
- this.props.innerRef(__WEBPACK_IMPORTED_MODULE_3_react_dom__["findDOMNode"](this));
- };
+function scrollIntoView(menuEl, focusedEl) {
+ var menuRect = menuEl.getBoundingClientRect();
+ var focusedRect = focusedEl.getBoundingClientRect();
+ var overScroll = focusedEl.offsetHeight / 3;
- _proto.componentWillUnmount = function componentWillUnmount() {
- this.props.innerRef(null);
- };
+ if (focusedRect.bottom + overScroll > menuRect.bottom) {
+ scrollTo(menuEl, Math.min(focusedEl.offsetTop + focusedEl.clientHeight - menuEl.offsetHeight + overScroll, menuEl.scrollHeight));
+ } else if (focusedRect.top - overScroll < menuRect.top) {
+ scrollTo(menuEl, Math.max(focusedEl.offsetTop - overScroll, 0));
+ }
+} // ==============================
+// Get bounding client object
+// ==============================
+// cannot get keys using array notation with DOMRect
- _proto.render = function render() {
- return this.props.children;
+function getBoundingClientObj(element) {
+ var rect = element.getBoundingClientRect();
+ return {
+ bottom: rect.bottom,
+ height: rect.height,
+ left: rect.left,
+ right: rect.right,
+ top: rect.top,
+ width: rect.width
};
-
- return NodeResolver;
-}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
-
-var STYLE_KEYS = ['boxSizing', 'height', 'overflow', 'paddingRight', 'position'];
-var LOCK_STYLES = {
- boxSizing: 'border-box',
- // account for possible declaration `width: 100%;` on body
- overflow: 'hidden',
- position: 'relative',
- height: '100%'
-};
-
-function preventTouchMove(e) {
- e.preventDefault();
-}
-function allowTouchMove(e) {
- e.stopPropagation();
}
-function preventInertiaScroll() {
- var top = this.scrollTop;
- var totalScroll = this.scrollHeight;
- var currentScroll = top + this.offsetHeight;
+// Touch Capability Detector
+// ==============================
- if (top === 0) {
- this.scrollTop = 1;
- } else if (currentScroll === totalScroll) {
- this.scrollTop = top - 1;
+function isTouchCapable() {
+ try {
+ document.createEvent('TouchEvent');
+ return true;
+ } catch (e) {
+ return false;
}
-} // `ontouchstart` check works on most browsers
-// `maxTouchPoints` works on IE10/11 and Surface
+} // ==============================
+// Mobile Device Detector
+// ==============================
-function isTouchDevice() {
- return 'ontouchstart' in window || navigator.maxTouchPoints;
+function isMobileDevice() {
+ try {
+ return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+ } catch (e) {
+ return false;
+ }
}
-function _inheritsLoose$1(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
-var canUseDOM = !!( window.document && window.document.createElement);
-var activeScrollLocks = 0;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-var ScrollLock =
-/*#__PURE__*/
-function (_Component) {
- _inheritsLoose$1(ScrollLock, _Component);
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { Object(__WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_defineProperty__["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
- function ScrollLock() {
- var _this;
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = Object(__WEBPACK_IMPORTED_MODULE_7__babel_runtime_helpers_esm_getPrototypeOf__["a" /* default */])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = Object(__WEBPACK_IMPORTED_MODULE_7__babel_runtime_helpers_esm_getPrototypeOf__["a" /* default */])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return Object(__WEBPACK_IMPORTED_MODULE_6__babel_runtime_helpers_esm_possibleConstructorReturn__["a" /* default */])(this, result); }; }
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function getMenuPlacement(_ref) {
+ var maxHeight = _ref.maxHeight,
+ menuEl = _ref.menuEl,
+ minHeight = _ref.minHeight,
+ placement = _ref.placement,
+ shouldScroll = _ref.shouldScroll,
+ isFixedPosition = _ref.isFixedPosition,
+ theme = _ref.theme;
+ var spacing = theme.spacing;
+ var scrollParent = getScrollParent(menuEl);
+ var defaultState = {
+ placement: 'bottom',
+ maxHeight: maxHeight
+ }; // something went wrong, return default state
- _this = _Component.call.apply(_Component, [this].concat(args)) || this;
- _this.originalStyles = {};
- _this.listenerOptions = {
- capture: false,
- passive: false
- };
- return _this;
- }
+ if (!menuEl || !menuEl.offsetParent) return defaultState; // we can't trust `scrollParent.scrollHeight` --> it may increase when
+ // the menu is rendered
- var _proto = ScrollLock.prototype;
+ var _scrollParent$getBoun = scrollParent.getBoundingClientRect(),
+ scrollHeight = _scrollParent$getBoun.height;
- _proto.componentDidMount = function componentDidMount() {
- var _this2 = this;
+ var _menuEl$getBoundingCl = menuEl.getBoundingClientRect(),
+ menuBottom = _menuEl$getBoundingCl.bottom,
+ menuHeight = _menuEl$getBoundingCl.height,
+ menuTop = _menuEl$getBoundingCl.top;
- if (!canUseDOM) return;
- var _this$props = this.props,
- accountForScrollbars = _this$props.accountForScrollbars,
- touchScrollTarget = _this$props.touchScrollTarget;
- var target = document.body;
- var targetStyle = target && target.style;
-
- if (accountForScrollbars) {
- // store any styles already applied to the body
- STYLE_KEYS.forEach(function (key) {
- var val = targetStyle && targetStyle[key];
- _this2.originalStyles[key] = val;
- });
- } // apply the lock styles and padding if this is the first scroll lock
+ var _menuEl$offsetParent$ = menuEl.offsetParent.getBoundingClientRect(),
+ containerTop = _menuEl$offsetParent$.top;
+
+ var viewHeight = window.innerHeight;
+ var scrollTop = getScrollTop(scrollParent);
+ var marginBottom = parseInt(getComputedStyle(menuEl).marginBottom, 10);
+ var marginTop = parseInt(getComputedStyle(menuEl).marginTop, 10);
+ var viewSpaceAbove = containerTop - marginTop;
+ var viewSpaceBelow = viewHeight - menuTop;
+ var scrollSpaceAbove = viewSpaceAbove + scrollTop;
+ var scrollSpaceBelow = scrollHeight - scrollTop - menuTop;
+ var scrollDown = menuBottom - viewHeight + scrollTop + marginBottom;
+ var scrollUp = scrollTop + menuTop - marginTop;
+ var scrollDuration = 160;
+ switch (placement) {
+ case 'auto':
+ case 'bottom':
+ // 1: the menu will fit, do nothing
+ if (viewSpaceBelow >= menuHeight) {
+ return {
+ placement: 'bottom',
+ maxHeight: maxHeight
+ };
+ } // 2: the menu will fit, if scrolled
- if (accountForScrollbars && activeScrollLocks < 1) {
- var currentPadding = parseInt(this.originalStyles.paddingRight, 10) || 0;
- var clientWidth = document.body ? document.body.clientWidth : 0;
- var adjustedPadding = window.innerWidth - clientWidth + currentPadding || 0;
- Object.keys(LOCK_STYLES).forEach(function (key) {
- var val = LOCK_STYLES[key];
- if (targetStyle) {
- targetStyle[key] = val;
+ if (scrollSpaceBelow >= menuHeight && !isFixedPosition) {
+ if (shouldScroll) {
+ animatedScrollTo(scrollParent, scrollDown, scrollDuration);
}
- });
-
- if (targetStyle) {
- targetStyle.paddingRight = adjustedPadding + "px";
- }
- } // account for touch devices
+ return {
+ placement: 'bottom',
+ maxHeight: maxHeight
+ };
+ } // 3: the menu will fit, if constrained
+
+
+ if (!isFixedPosition && scrollSpaceBelow >= minHeight || isFixedPosition && viewSpaceBelow >= minHeight) {
+ if (shouldScroll) {
+ animatedScrollTo(scrollParent, scrollDown, scrollDuration);
+ } // we want to provide as much of the menu as possible to the user,
+ // so give them whatever is available below rather than the minHeight.
+
+
+ var constrainedHeight = isFixedPosition ? viewSpaceBelow - marginBottom : scrollSpaceBelow - marginBottom;
+ return {
+ placement: 'bottom',
+ maxHeight: constrainedHeight
+ };
+ } // 4. Forked beviour when there isn't enough space below
+ // AUTO: flip the menu, render above
+
+
+ if (placement === 'auto' || isFixedPosition) {
+ // may need to be constrained after flipping
+ var _constrainedHeight = maxHeight;
+ var spaceAbove = isFixedPosition ? viewSpaceAbove : scrollSpaceAbove;
+
+ if (spaceAbove >= minHeight) {
+ _constrainedHeight = Math.min(spaceAbove - marginBottom - spacing.controlHeight, maxHeight);
+ }
+
+ return {
+ placement: 'top',
+ maxHeight: _constrainedHeight
+ };
+ } // BOTTOM: allow browser to increase scrollable area and immediately set scroll
- if (target && isTouchDevice()) {
- // Mobile Safari ignores { overflow: hidden } declaration on the body.
- target.addEventListener('touchmove', preventTouchMove, this.listenerOptions); // Allow scroll on provided target
- if (touchScrollTarget) {
- touchScrollTarget.addEventListener('touchstart', preventInertiaScroll, this.listenerOptions);
- touchScrollTarget.addEventListener('touchmove', allowTouchMove, this.listenerOptions);
+ if (placement === 'bottom') {
+ scrollTo(scrollParent, scrollDown);
+ return {
+ placement: 'bottom',
+ maxHeight: maxHeight
+ };
}
- } // increment active scroll locks
+ break;
- activeScrollLocks += 1;
- };
+ case 'top':
+ // 1: the menu will fit, do nothing
+ if (viewSpaceAbove >= menuHeight) {
+ return {
+ placement: 'top',
+ maxHeight: maxHeight
+ };
+ } // 2: the menu will fit, if scrolled
- _proto.componentWillUnmount = function componentWillUnmount() {
- var _this3 = this;
- if (!canUseDOM) return;
- var _this$props2 = this.props,
- accountForScrollbars = _this$props2.accountForScrollbars,
- touchScrollTarget = _this$props2.touchScrollTarget;
- var target = document.body;
- var targetStyle = target && target.style; // safely decrement active scroll locks
+ if (scrollSpaceAbove >= menuHeight && !isFixedPosition) {
+ if (shouldScroll) {
+ animatedScrollTo(scrollParent, scrollUp, scrollDuration);
+ }
- activeScrollLocks = Math.max(activeScrollLocks - 1, 0); // reapply original body styles, if any
+ return {
+ placement: 'top',
+ maxHeight: maxHeight
+ };
+ } // 3: the menu will fit, if constrained
- if (accountForScrollbars && activeScrollLocks < 1) {
- STYLE_KEYS.forEach(function (key) {
- var val = _this3.originalStyles[key];
- if (targetStyle) {
- targetStyle[key] = val;
+ if (!isFixedPosition && scrollSpaceAbove >= minHeight || isFixedPosition && viewSpaceAbove >= minHeight) {
+ var _constrainedHeight2 = maxHeight; // we want to provide as much of the menu as possible to the user,
+ // so give them whatever is available below rather than the minHeight.
+
+ if (!isFixedPosition && scrollSpaceAbove >= minHeight || isFixedPosition && viewSpaceAbove >= minHeight) {
+ _constrainedHeight2 = isFixedPosition ? viewSpaceAbove - marginTop : scrollSpaceAbove - marginTop;
}
- });
- } // remove touch listeners
+ if (shouldScroll) {
+ animatedScrollTo(scrollParent, scrollUp, scrollDuration);
+ }
- if (target && isTouchDevice()) {
- target.removeEventListener('touchmove', preventTouchMove, this.listenerOptions);
+ return {
+ placement: 'top',
+ maxHeight: _constrainedHeight2
+ };
+ } // 4. not enough space, the browser WILL NOT increase scrollable area when
+ // absolutely positioned element rendered above the viewport (only below).
+ // Flip the menu, render below
- if (touchScrollTarget) {
- touchScrollTarget.removeEventListener('touchstart', preventInertiaScroll, this.listenerOptions);
- touchScrollTarget.removeEventListener('touchmove', allowTouchMove, this.listenerOptions);
- }
- }
- };
- _proto.render = function render() {
- return null;
- };
+ return {
+ placement: 'bottom',
+ maxHeight: maxHeight
+ };
- return ScrollLock;
-}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
+ default:
+ throw new Error("Invalid placement provided \"".concat(placement, "\"."));
+ } // fulfil contract with flow: implicit return value of undefined
-ScrollLock.defaultProps = {
- accountForScrollbars: true
+
+ return defaultState;
+} // Menu Component
+// ------------------------------
+
+function alignToControl(placement) {
+ var placementToCSSProp = {
+ bottom: 'top',
+ top: 'bottom'
+ };
+ return placement ? placementToCSSProp[placement] : 'bottom';
+}
+
+var coercePlacement = function coercePlacement(p) {
+ return p === 'auto' ? 'bottom' : p;
};
-function _inheritsLoose$2(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+var menuCSS = function menuCSS(_ref2) {
+ var _ref3;
-var _ref$1 = process.env.NODE_ENV === "production" ? {
- name: "1dsbpcp",
- styles: "position:fixed;left:0;bottom:0;right:0;top:0;"
-} : {
- name: "1dsbpcp",
- styles: "position:fixed;left:0;bottom:0;right:0;top:0;",
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNjcm9sbEJsb2NrLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEVSIsImZpbGUiOiJTY3JvbGxCbG9jay5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8vIEBmbG93XG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7IFB1cmVDb21wb25lbnQsIHR5cGUgRWxlbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGpzeCB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuaW1wb3J0IE5vZGVSZXNvbHZlciBmcm9tICcuL05vZGVSZXNvbHZlcic7XG5pbXBvcnQgU2Nyb2xsTG9jayBmcm9tICcuL1Njcm9sbExvY2svaW5kZXgnO1xuXG50eXBlIFByb3BzID0ge1xuICBjaGlsZHJlbjogRWxlbWVudDwqPixcbiAgaXNFbmFibGVkOiBib29sZWFuLFxufTtcbnR5cGUgU3RhdGUgPSB7XG4gIHRvdWNoU2Nyb2xsVGFyZ2V0OiBIVE1MRWxlbWVudCB8IG51bGwsXG59O1xuXG4vLyBOT1RFOlxuLy8gV2Ugc2hvdWxkbid0IG5lZWQgdGhpcyBhZnRlciB1cGRhdGluZyB0byBSZWFjdCB2MTYuMy4wLCB3aGljaCBpbnRyb2R1Y2VzOlxuLy8gLSBjcmVhdGVSZWYoKSBodHRwczovL3JlYWN0anMub3JnL2RvY3MvcmVhY3QtYXBpLmh0bWwjcmVhY3RjcmVhdGVyZWZcbi8vIC0gZm9yd2FyZFJlZigpIGh0dHBzOi8vcmVhY3Rqcy5vcmcvZG9jcy9yZWFjdC1hcGkuaHRtbCNyZWFjdGZvcndhcmRyZWZcblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgU2Nyb2xsQmxvY2sgZXh0ZW5kcyBQdXJlQ29tcG9uZW50PFByb3BzLCBTdGF0ZT4ge1xuICBzdGF0ZSA9IHsgdG91Y2hTY3JvbGxUYXJnZXQ6IG51bGwgfTtcblxuICAvLyBtdXN0IGJlIGluIHN0YXRlIHRvIHRyaWdnZXIgYSByZS1yZW5kZXIsIG9ubHkgcnVucyBvbmNlIHBlciBpbnN0YW5jZVxuICBnZXRTY3JvbGxUYXJnZXQgPSAocmVmOiBIVE1MRWxlbWVudCkgPT4ge1xuICAgIGlmIChyZWYgPT09IHRoaXMuc3RhdGUudG91Y2hTY3JvbGxUYXJnZXQpIHJldHVybjtcbiAgICB0aGlzLnNldFN0YXRlKHsgdG91Y2hTY3JvbGxUYXJnZXQ6IHJlZiB9KTtcbiAgfTtcblxuICAvLyB0aGlzIHdpbGwgY2xvc2UgdGhlIG1lbnUgd2hlbiBhIHVzZXIgY2xpY2tzIG91dHNpZGVcbiAgYmx1clNlbGVjdElucHV0ID0gKCkgPT4ge1xuICAgIGlmIChkb2N1bWVudC5hY3RpdmVFbGVtZW50KSB7XG4gICAgICBkb2N1bWVudC5hY3RpdmVFbGVtZW50LmJsdXIoKTtcbiAgICB9XG4gIH07XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgY2hpbGRyZW4sIGlzRW5hYmxlZCB9ID0gdGhpcy5wcm9wcztcbiAgICBjb25zdCB7IHRvdWNoU2Nyb2xsVGFyZ2V0IH0gPSB0aGlzLnN0YXRlO1xuXG4gICAgLy8gYmFpbCBlYXJseSBpZiBub3QgZW5hYmxlZFxuICAgIGlmICghaXNFbmFibGVkKSByZXR1cm4gY2hpbGRyZW47XG5cbiAgICAvKlxuICAgICAqIERpdlxuICAgICAqIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAgICAqIGJsb2NrcyBzY3JvbGxpbmcgb24gbm9uLWJvZHkgZWxlbWVudHMgYmVoaW5kIHRoZSBtZW51XG5cbiAgICAgKiBOb2RlUmVzb2x2ZXJcbiAgICAgKiAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgICAgKiB3ZSBuZWVkIGEgcmVmZXJlbmNlIHRvIHRoZSBzY3JvbGxhYmxlIGVsZW1lbnQgdG8gXCJ1bmxvY2tcIiBzY3JvbGwgb25cbiAgICAgKiBtb2JpbGUgZGV2aWNlc1xuXG4gICAgICogU2Nyb2xsTG9ja1xuICAgICAqIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAgICAqIGFjdHVhbGx5IGRvZXMgdGhlIHNjcm9sbCBsb2NraW5nXG4gICAgICovXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXY+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBvbkNsaWNrPXt0aGlzLmJsdXJTZWxlY3RJbnB1dH1cbiAgICAgICAgICBjc3M9e3sgcG9zaXRpb246ICdmaXhlZCcsIGxlZnQ6IDAsIGJvdHRvbTogMCwgcmlnaHQ6IDAsIHRvcDogMCB9fVxuICAgICAgICAvPlxuICAgICAgICA8Tm9kZVJlc29sdmVyIGlubmVyUmVmPXt0aGlzLmdldFNjcm9sbFRhcmdldH0+e2NoaWxkcmVufTwvTm9kZVJlc29sdmVyPlxuICAgICAgICB7dG91Y2hTY3JvbGxUYXJnZXQgPyAoXG4gICAgICAgICAgPFNjcm9sbExvY2sgdG91Y2hTY3JvbGxUYXJnZXQ9e3RvdWNoU2Nyb2xsVGFyZ2V0fSAvPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cbiJdfQ== */"
+ var placement = _ref2.placement,
+ _ref2$theme = _ref2.theme,
+ borderRadius = _ref2$theme.borderRadius,
+ spacing = _ref2$theme.spacing,
+ colors = _ref2$theme.colors;
+ return _ref3 = {
+ label: 'menu'
+ }, Object(__WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_defineProperty__["a" /* default */])(_ref3, alignToControl(placement), '100%'), Object(__WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_defineProperty__["a" /* default */])(_ref3, "backgroundColor", colors.neutral0), Object(__WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_defineProperty__["a" /* default */])(_ref3, "borderRadius", borderRadius), Object(__WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_defineProperty__["a" /* default */])(_ref3, "boxShadow", '0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)'), Object(__WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_defineProperty__["a" /* default */])(_ref3, "marginBottom", spacing.menuGutter), Object(__WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_defineProperty__["a" /* default */])(_ref3, "marginTop", spacing.menuGutter), Object(__WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_defineProperty__["a" /* default */])(_ref3, "position", 'absolute'), Object(__WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_defineProperty__["a" /* default */])(_ref3, "width", '100%'), Object(__WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_defineProperty__["a" /* default */])(_ref3, "zIndex", 1), _ref3;
};
+var PortalPlacementContext = /*#__PURE__*/Object(__WEBPACK_IMPORTED_MODULE_8_react__["createContext"])({
+ getPortalPlacement: null
+}); // NOTE: internal only
-// NOTE:
-// We shouldn't need this after updating to React v16.3.0, which introduces:
-// - createRef() https://reactjs.org/docs/react-api.html#reactcreateref
-// - forwardRef() https://reactjs.org/docs/react-api.html#reactforwardref
-var ScrollBlock =
-/*#__PURE__*/
-function (_PureComponent) {
- _inheritsLoose$2(ScrollBlock, _PureComponent);
+var MenuPlacer = /*#__PURE__*/function (_Component) {
+ Object(__WEBPACK_IMPORTED_MODULE_5__babel_runtime_helpers_esm_inherits__["a" /* default */])(MenuPlacer, _Component);
- function ScrollBlock() {
+ var _super = _createSuper(MenuPlacer);
+
+ function MenuPlacer() {
var _this;
+ Object(__WEBPACK_IMPORTED_MODULE_3__babel_runtime_helpers_esm_classCallCheck__["a" /* default */])(this, MenuPlacer);
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
- _this = _PureComponent.call.apply(_PureComponent, [this].concat(args)) || this;
+ _this = _super.call.apply(_super, [this].concat(args));
_this.state = {
- touchScrollTarget: null
+ maxHeight: _this.props.maxMenuHeight,
+ placement: null
};
- _this.getScrollTarget = function (ref) {
- if (ref === _this.state.touchScrollTarget) return;
+ _this.getPlacement = function (ref) {
+ var _this$props = _this.props,
+ minMenuHeight = _this$props.minMenuHeight,
+ maxMenuHeight = _this$props.maxMenuHeight,
+ menuPlacement = _this$props.menuPlacement,
+ menuPosition = _this$props.menuPosition,
+ menuShouldScrollIntoView = _this$props.menuShouldScrollIntoView,
+ theme = _this$props.theme;
+ if (!ref) return; // DO NOT scroll if position is fixed
- _this.setState({
- touchScrollTarget: ref
+ var isFixedPosition = menuPosition === 'fixed';
+ var shouldScroll = menuShouldScrollIntoView && !isFixedPosition;
+ var state = getMenuPlacement({
+ maxHeight: maxMenuHeight,
+ menuEl: ref,
+ minHeight: minMenuHeight,
+ placement: menuPlacement,
+ shouldScroll: shouldScroll,
+ isFixedPosition: isFixedPosition,
+ theme: theme
});
+ var getPortalPlacement = _this.context.getPortalPlacement;
+ if (getPortalPlacement) getPortalPlacement(state);
+
+ _this.setState(state);
};
- _this.blurSelectInput = function () {
- if (document.activeElement) {
- document.activeElement.blur();
- }
+ _this.getUpdatedProps = function () {
+ var menuPlacement = _this.props.menuPlacement;
+ var placement = _this.state.placement || coercePlacement(menuPlacement);
+ return _objectSpread(_objectSpread({}, _this.props), {}, {
+ placement: placement,
+ maxHeight: _this.state.maxHeight
+ });
};
return _this;
}
- var _proto = ScrollBlock.prototype;
+ Object(__WEBPACK_IMPORTED_MODULE_4__babel_runtime_helpers_esm_createClass__["a" /* default */])(MenuPlacer, [{
+ key: "render",
+ value: function render() {
+ var children = this.props.children;
+ return children({
+ ref: this.getPlacement,
+ placerProps: this.getUpdatedProps()
+ });
+ }
+ }]);
- _proto.render = function render() {
- var _this$props = this.props,
- children = _this$props.children,
- isEnabled = _this$props.isEnabled;
- var touchScrollTarget = this.state.touchScrollTarget; // bail early if not enabled
+ return MenuPlacer;
+}(__WEBPACK_IMPORTED_MODULE_8_react__["Component"]);
+MenuPlacer.contextType = PortalPlacementContext;
- if (!isEnabled) return children;
- /*
- * Div
- * ------------------------------
- * blocks scrolling on non-body elements behind the menu
- * NodeResolver
- * ------------------------------
- * we need a reference to the scrollable element to "unlock" scroll on
- * mobile devices
- * ScrollLock
- * ------------------------------
- * actually does the scroll locking
- */
+var Menu = function Menu(props) {
+ var children = props.children,
+ className = props.className,
+ cx = props.cx,
+ getStyles = props.getStyles,
+ innerRef = props.innerRef,
+ innerProps = props.innerProps;
+ return Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])("div", Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({
+ css: getStyles('menu', props),
+ className: cx({
+ menu: true
+ }, className)
+ }, innerProps, {
+ ref: innerRef
+ }), children);
+};
+// Menu List
+// ==============================
+
+var menuListCSS = function menuListCSS(_ref4) {
+ var maxHeight = _ref4.maxHeight,
+ baseUnit = _ref4.theme.spacing.baseUnit;
+ return {
+ maxHeight: maxHeight,
+ overflowY: 'auto',
+ paddingBottom: baseUnit,
+ paddingTop: baseUnit,
+ position: 'relative',
+ // required for offset[Height, Top] > keyboard scroll
+ WebkitOverflowScrolling: 'touch'
+ };
+};
+var MenuList = function MenuList(props) {
+ var children = props.children,
+ className = props.className,
+ cx = props.cx,
+ getStyles = props.getStyles,
+ isMulti = props.isMulti,
+ innerRef = props.innerRef,
+ innerProps = props.innerProps;
+ return Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])("div", Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({
+ css: getStyles('menuList', props),
+ className: cx({
+ 'menu-list': true,
+ 'menu-list--is-multi': isMulti
+ }, className),
+ ref: innerRef
+ }, innerProps), children);
+}; // ==============================
+// Menu Notices
+// ==============================
- return __WEBPACK_IMPORTED_MODULE_2__emotion_core__["c" /* jsx */]("div", null, __WEBPACK_IMPORTED_MODULE_2__emotion_core__["c" /* jsx */]("div", {
- onClick: this.blurSelectInput,
- css: _ref$1
- }), __WEBPACK_IMPORTED_MODULE_2__emotion_core__["c" /* jsx */](NodeResolver, {
- innerRef: this.getScrollTarget
- }, children), touchScrollTarget ? __WEBPACK_IMPORTED_MODULE_2__emotion_core__["c" /* jsx */](ScrollLock, {
- touchScrollTarget: touchScrollTarget
- }) : null);
+var noticeCSS = function noticeCSS(_ref5) {
+ var _ref5$theme = _ref5.theme,
+ baseUnit = _ref5$theme.spacing.baseUnit,
+ colors = _ref5$theme.colors;
+ return {
+ color: colors.neutral40,
+ padding: "".concat(baseUnit * 2, "px ").concat(baseUnit * 3, "px"),
+ textAlign: 'center'
};
+};
- return ScrollBlock;
-}(__WEBPACK_IMPORTED_MODULE_0_react__["PureComponent"]);
+var noOptionsMessageCSS = noticeCSS;
+var loadingMessageCSS = noticeCSS;
+var NoOptionsMessage = function NoOptionsMessage(props) {
+ var children = props.children,
+ className = props.className,
+ cx = props.cx,
+ getStyles = props.getStyles,
+ innerProps = props.innerProps;
+ return Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])("div", Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({
+ css: getStyles('noOptionsMessage', props),
+ className: cx({
+ 'menu-notice': true,
+ 'menu-notice--no-options': true
+ }, className)
+ }, innerProps), children);
+};
+NoOptionsMessage.defaultProps = {
+ children: 'No options'
+};
+var LoadingMessage = function LoadingMessage(props) {
+ var children = props.children,
+ className = props.className,
+ cx = props.cx,
+ getStyles = props.getStyles,
+ innerProps = props.innerProps;
+ return Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])("div", Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({
+ css: getStyles('loadingMessage', props),
+ className: cx({
+ 'menu-notice': true,
+ 'menu-notice--loading': true
+ }, className)
+ }, innerProps), children);
+};
+LoadingMessage.defaultProps = {
+ children: 'Loading...'
+}; // ==============================
+// Menu Portal
+// ==============================
-function _objectWithoutPropertiesLoose$1(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var menuPortalCSS = function menuPortalCSS(_ref6) {
+ var rect = _ref6.rect,
+ offset = _ref6.offset,
+ position = _ref6.position;
+ return {
+ left: rect.left,
+ position: position,
+ top: offset,
+ width: rect.width,
+ zIndex: 1
+ };
+};
+var MenuPortal = /*#__PURE__*/function (_Component2) {
+ Object(__WEBPACK_IMPORTED_MODULE_5__babel_runtime_helpers_esm_inherits__["a" /* default */])(MenuPortal, _Component2);
-function _inheritsLoose$3(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+ var _super2 = _createSuper(MenuPortal);
-var ScrollCaptor =
-/*#__PURE__*/
-function (_Component) {
- _inheritsLoose$3(ScrollCaptor, _Component);
+ function MenuPortal() {
+ var _this2;
- function ScrollCaptor() {
- var _this;
+ Object(__WEBPACK_IMPORTED_MODULE_3__babel_runtime_helpers_esm_classCallCheck__["a" /* default */])(this, MenuPortal);
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
+ for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+ args[_key2] = arguments[_key2];
}
- _this = _Component.call.apply(_Component, [this].concat(args)) || this;
- _this.isBottom = false;
- _this.isTop = false;
- _this.scrollTarget = void 0;
- _this.touchStart = void 0;
-
- _this.cancelScroll = function (event) {
- event.preventDefault();
- event.stopPropagation();
+ _this2 = _super2.call.apply(_super2, [this].concat(args));
+ _this2.state = {
+ placement: null
};
- _this.handleEventDelta = function (event, delta) {
- var _this$props = _this.props,
- onBottomArrive = _this$props.onBottomArrive,
- onBottomLeave = _this$props.onBottomLeave,
- onTopArrive = _this$props.onTopArrive,
- onTopLeave = _this$props.onTopLeave;
- var _this$scrollTarget = _this.scrollTarget,
- scrollTop = _this$scrollTarget.scrollTop,
- scrollHeight = _this$scrollTarget.scrollHeight,
- clientHeight = _this$scrollTarget.clientHeight;
- var target = _this.scrollTarget;
- var isDeltaPositive = delta > 0;
- var availableScroll = scrollHeight - clientHeight - scrollTop;
- var shouldCancelScroll = false; // reset bottom/top flags
-
- if (availableScroll > delta && _this.isBottom) {
- if (onBottomLeave) onBottomLeave(event);
- _this.isBottom = false;
- }
-
- if (isDeltaPositive && _this.isTop) {
- if (onTopLeave) onTopLeave(event);
- _this.isTop = false;
- } // bottom limit
-
-
- if (isDeltaPositive && delta > availableScroll) {
- if (onBottomArrive && !_this.isBottom) {
- onBottomArrive(event);
- }
-
- target.scrollTop = scrollHeight;
- shouldCancelScroll = true;
- _this.isBottom = true; // top limit
- } else if (!isDeltaPositive && -delta > scrollTop) {
- if (onTopArrive && !_this.isTop) {
- onTopArrive(event);
- }
-
- target.scrollTop = 0;
- shouldCancelScroll = true;
- _this.isTop = true;
- } // cancel scroll
-
+ _this2.getPortalPlacement = function (_ref7) {
+ var placement = _ref7.placement;
+ var initialPlacement = coercePlacement(_this2.props.menuPlacement); // avoid re-renders if the placement has not changed
- if (shouldCancelScroll) {
- _this.cancelScroll(event);
+ if (placement !== initialPlacement) {
+ _this2.setState({
+ placement: placement
+ });
}
};
- _this.onWheel = function (event) {
- _this.handleEventDelta(event, event.deltaY);
- };
-
- _this.onTouchStart = function (event) {
- // set touch start so we can calculate touchmove delta
- _this.touchStart = event.changedTouches[0].clientY;
- };
-
- _this.onTouchMove = function (event) {
- var deltaY = _this.touchStart - event.changedTouches[0].clientY;
+ return _this2;
+ }
- _this.handleEventDelta(event, deltaY);
- };
+ Object(__WEBPACK_IMPORTED_MODULE_4__babel_runtime_helpers_esm_createClass__["a" /* default */])(MenuPortal, [{
+ key: "render",
+ value: function render() {
+ var _this$props2 = this.props,
+ appendTo = _this$props2.appendTo,
+ children = _this$props2.children,
+ controlElement = _this$props2.controlElement,
+ menuPlacement = _this$props2.menuPlacement,
+ position = _this$props2.menuPosition,
+ getStyles = _this$props2.getStyles;
+ var isFixed = position === 'fixed'; // bail early if required elements aren't present
+
+ if (!appendTo && !isFixed || !controlElement) {
+ return null;
+ }
- _this.getScrollTarget = function (ref) {
- _this.scrollTarget = ref;
- };
+ var placement = this.state.placement || coercePlacement(menuPlacement);
+ var rect = getBoundingClientObj(controlElement);
+ var scrollDistance = isFixed ? 0 : window.pageYOffset;
+ var offset = rect[placement] + scrollDistance;
+ var state = {
+ offset: offset,
+ position: position,
+ rect: rect
+ }; // same wrapper element whether fixed or portalled
- return _this;
- }
+ var menuWrapper = Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])("div", {
+ css: getStyles('menuPortal', state)
+ }, children);
+ return Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])(PortalPlacementContext.Provider, {
+ value: {
+ getPortalPlacement: this.getPortalPlacement
+ }
+ }, appendTo ? /*#__PURE__*/Object(__WEBPACK_IMPORTED_MODULE_10_react_dom__["createPortal"])(menuWrapper, appendTo) : menuWrapper);
+ }
+ }]);
- var _proto = ScrollCaptor.prototype;
+ return MenuPortal;
+}(__WEBPACK_IMPORTED_MODULE_8_react__["Component"]);
- _proto.componentDidMount = function componentDidMount() {
- this.startListening(this.scrollTarget);
- };
+var isArray = Array.isArray;
+var keyList = Object.keys;
+var hasProp = Object.prototype.hasOwnProperty;
- _proto.componentWillUnmount = function componentWillUnmount() {
- this.stopListening(this.scrollTarget);
- };
+function equal(a, b) {
+ // fast-deep-equal index.js 2.0.1
+ if (a === b) return true;
- _proto.startListening = function startListening(el) {
- // bail early if no element is available to attach to
- if (!el) return; // all the if statements are to appease Flow ๐ข
+ if (a && b && Object(__WEBPACK_IMPORTED_MODULE_11__babel_runtime_helpers_esm_typeof__["a" /* default */])(a) == 'object' && Object(__WEBPACK_IMPORTED_MODULE_11__babel_runtime_helpers_esm_typeof__["a" /* default */])(b) == 'object') {
+ var arrA = isArray(a),
+ arrB = isArray(b),
+ i,
+ length,
+ key;
- if (typeof el.addEventListener === 'function') {
- el.addEventListener('wheel', this.onWheel, false);
- }
+ if (arrA && arrB) {
+ length = a.length;
+ if (length != b.length) return false;
- if (typeof el.addEventListener === 'function') {
- el.addEventListener('touchstart', this.onTouchStart, false);
- }
+ for (i = length; i-- !== 0;) {
+ if (!equal(a[i], b[i])) return false;
+ }
- if (typeof el.addEventListener === 'function') {
- el.addEventListener('touchmove', this.onTouchMove, false);
+ return true;
}
- };
- _proto.stopListening = function stopListening(el) {
- // all the if statements are to appease Flow ๐ข
- if (typeof el.removeEventListener === 'function') {
- el.removeEventListener('wheel', this.onWheel, false);
- }
+ if (arrA != arrB) return false;
+ var dateA = a instanceof Date,
+ dateB = b instanceof Date;
+ if (dateA != dateB) return false;
+ if (dateA && dateB) return a.getTime() == b.getTime();
+ var regexpA = a instanceof RegExp,
+ regexpB = b instanceof RegExp;
+ if (regexpA != regexpB) return false;
+ if (regexpA && regexpB) return a.toString() == b.toString();
+ var keys = keyList(a);
+ length = keys.length;
- if (typeof el.removeEventListener === 'function') {
- el.removeEventListener('touchstart', this.onTouchStart, false);
+ if (length !== keyList(b).length) {
+ return false;
}
- if (typeof el.removeEventListener === 'function') {
- el.removeEventListener('touchmove', this.onTouchMove, false);
- }
- };
+ for (i = length; i-- !== 0;) {
+ if (!hasProp.call(b, keys[i])) return false;
+ } // end fast-deep-equal
+ // Custom handling for React
- _proto.render = function render() {
- return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(NodeResolver, {
- innerRef: this.getScrollTarget
- }, this.props.children);
- };
- return ScrollCaptor;
-}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
+ for (i = length; i-- !== 0;) {
+ key = keys[i];
-function ScrollCaptorSwitch(_ref) {
- var _ref$isEnabled = _ref.isEnabled,
- isEnabled = _ref$isEnabled === void 0 ? true : _ref$isEnabled,
- props = _objectWithoutPropertiesLoose$1(_ref, ["isEnabled"]);
+ if (key === '_owner' && a.$$typeof) {
+ // React-specific: avoid traversing React elements' _owner.
+ // _owner contains circular references
+ // and is not needed when comparing the actual elements (and not their owners)
+ // .$$typeof and ._store on just reasonable markers of a react element
+ continue;
+ } else {
+ // all other properties should be traversed as usual
+ if (!equal(a[key], b[key])) return false;
+ }
+ } // fast-deep-equal index.js 2.0.1
- return isEnabled ? __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(ScrollCaptor, props) : props.children;
-}
-var instructionsAriaMessage = function instructionsAriaMessage(event, context) {
- if (context === void 0) {
- context = {};
+ return true;
}
- var _context = context,
- isSearchable = _context.isSearchable,
- isMulti = _context.isMulti,
- label = _context.label,
- isDisabled = _context.isDisabled;
-
- switch (event) {
- case 'menu':
- return "Use Up and Down to choose options" + (isDisabled ? '' : ', press Enter to select the currently focused option') + ", press Escape to exit the menu, press Tab to select the option and exit the menu.";
+ return a !== a && b !== b;
+} // end fast-deep-equal
- case 'input':
- return (label ? label : 'Select') + " is focused " + (isSearchable ? ',type to refine list' : '') + ", press Down to open the menu, " + (isMulti ? ' press left to focus selected values' : '');
- case 'value':
- return 'Use left and right to toggle between focused values, press Backspace to remove the currently focused value';
- }
-};
-var valueEventAriaMessage = function valueEventAriaMessage(event, context) {
- var value = context.value,
- isDisabled = context.isDisabled;
- if (!value) return;
+function exportedEqual(a, b) {
+ try {
+ return equal(a, b);
+ } catch (error) {
+ if (error.message && error.message.match(/stack|recursion/i)) {
+ // warn on circular references, don't crash
+ // browsers give this different errors name and messages:
+ // chrome/safari: "RangeError", "Maximum call stack size exceeded"
+ // firefox: "InternalError", too much recursion"
+ // edge: "Error", "Out of stack space"
+ console.warn('Warning: react-fast-compare does not handle circular references.', error.name, error.message);
+ return false;
+ } // some other error. we should definitely know about these
- switch (event) {
- case 'deselect-option':
- case 'pop-value':
- case 'remove-value':
- return "option " + value + ", deselected.";
- case 'select-option':
- return isDisabled ? "option " + value + " is disabled. Select another option." : "option " + value + ", selected.";
+ throw error;
}
-};
-var valueFocusAriaMessage = function valueFocusAriaMessage(_ref) {
- var focusedValue = _ref.focusedValue,
- getOptionLabel = _ref.getOptionLabel,
- selectValue = _ref.selectValue;
- return "value " + getOptionLabel(focusedValue) + " focused, " + (selectValue.indexOf(focusedValue) + 1) + " of " + selectValue.length + ".";
-};
-var optionFocusAriaMessage = function optionFocusAriaMessage(_ref2) {
- var focusedOption = _ref2.focusedOption,
- getOptionLabel = _ref2.getOptionLabel,
- options = _ref2.options;
- return "option " + getOptionLabel(focusedOption) + " focused" + (focusedOption.isDisabled ? ' disabled' : '') + ", " + (options.indexOf(focusedOption) + 1) + " of " + options.length + ".";
-};
-var resultsAriaMessage = function resultsAriaMessage(_ref3) {
- var inputValue = _ref3.inputValue,
- screenReaderMessage = _ref3.screenReaderMessage;
- return "" + screenReaderMessage + (inputValue ? ' for search term ' + inputValue : '') + ".";
-};
+}
-var formatGroupLabel = function formatGroupLabel(group) {
- return group.label;
-};
-var getOptionLabel = function getOptionLabel(option) {
- return option.label;
-};
-var getOptionValue = function getOptionValue(option) {
- return option.value;
-};
-var isOptionDisabled = function isOptionDisabled(option) {
- return !!option.isDisabled;
+var containerCSS = function containerCSS(_ref) {
+ var isDisabled = _ref.isDisabled,
+ isRtl = _ref.isRtl;
+ return {
+ label: 'container',
+ direction: isRtl ? 'rtl' : null,
+ pointerEvents: isDisabled ? 'none' : null,
+ // cancel mouse events when disabled
+ position: 'relative'
+ };
};
+var SelectContainer = function SelectContainer(props) {
+ var children = props.children,
+ className = props.className,
+ cx = props.cx,
+ getStyles = props.getStyles,
+ innerProps = props.innerProps,
+ isDisabled = props.isDisabled,
+ isRtl = props.isRtl;
+ return Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])("div", Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({
+ css: getStyles('container', props),
+ className: cx({
+ '--is-disabled': isDisabled,
+ '--is-rtl': isRtl
+ }, className)
+ }, innerProps), children);
+}; // ==============================
+// Value Container
+// ==============================
-function _extends$3() { _extends$3 = 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; }; return _extends$3.apply(this, arguments); }
-var defaultStyles = {
- clearIndicator: __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["d" /* c */],
- container: __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["b" /* a */],
- control: __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["c" /* b */],
- dropdownIndicator: __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["e" /* d */],
- group: __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["h" /* g */],
- groupHeading: __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["f" /* e */],
- indicatorsContainer: __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["j" /* i */],
- indicatorSeparator: __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["g" /* f */],
- input: __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["i" /* h */],
- loadingIndicator: __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["m" /* l */],
- loadingMessage: __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["k" /* j */],
- menu: __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["n" /* m */],
- menuList: __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["l" /* k */],
- menuPortal: __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["o" /* n */],
- multiValue: __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["p" /* o */],
- multiValueLabel: __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["q" /* p */],
- multiValueRemove: __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["r" /* q */],
- noOptionsMessage: __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["s" /* r */],
- option: __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["t" /* s */],
- placeholder: __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["u" /* t */],
- singleValue: __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["v" /* u */],
- valueContainer: __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["w" /* v */]
-}; // Merge Utility
-// Allows consumers to extend a base Select with additional styles
+var valueContainerCSS = function valueContainerCSS(_ref2) {
+ var spacing = _ref2.theme.spacing;
+ return {
+ alignItems: 'center',
+ display: 'flex',
+ flex: 1,
+ flexWrap: 'wrap',
+ padding: "".concat(spacing.baseUnit / 2, "px ").concat(spacing.baseUnit * 2, "px"),
+ WebkitOverflowScrolling: 'touch',
+ position: 'relative',
+ overflow: 'hidden'
+ };
+};
+var ValueContainer = function ValueContainer(props) {
+ var children = props.children,
+ className = props.className,
+ cx = props.cx,
+ isMulti = props.isMulti,
+ getStyles = props.getStyles,
+ hasValue = props.hasValue;
+ return Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])("div", {
+ css: getStyles('valueContainer', props),
+ className: cx({
+ 'value-container': true,
+ 'value-container--is-multi': isMulti,
+ 'value-container--has-value': hasValue
+ }, className)
+ }, children);
+}; // ==============================
+// Indicator Container
+// ==============================
-function mergeStyles(source, target) {
- if (target === void 0) {
- target = {};
- }
+var indicatorsContainerCSS = function indicatorsContainerCSS() {
+ return {
+ alignItems: 'center',
+ alignSelf: 'stretch',
+ display: 'flex',
+ flexShrink: 0
+ };
+};
+var IndicatorsContainer = function IndicatorsContainer(props) {
+ var children = props.children,
+ className = props.className,
+ cx = props.cx,
+ getStyles = props.getStyles;
+ return Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])("div", {
+ css: getStyles('indicatorsContainer', props),
+ className: cx({
+ indicators: true
+ }, className)
+ }, children);
+};
- // initialize with source styles
- var styles = _extends$3({}, source); // massage in target styles
+function _templateObject() {
+ var data = Object(__WEBPACK_IMPORTED_MODULE_13__babel_runtime_helpers_esm_taggedTemplateLiteral__["a" /* default */])(["\n 0%, 80%, 100% { opacity: 0; }\n 40% { opacity: 1; }\n"]);
+ _templateObject = function _templateObject() {
+ return data;
+ };
- Object.keys(target).forEach(function (key) {
- if (source[key]) {
- styles[key] = function (rsCss, props) {
- return target[key](source[key](rsCss, props), props);
- };
- } else {
- styles[key] = target[key];
- }
- });
- return styles;
+ return data;
}
-var colors = {
- primary: '#2684FF',
- primary75: '#4C9AFF',
- primary50: '#B2D4FF',
- primary25: '#DEEBFF',
- danger: '#DE350B',
- dangerLight: '#FFBDAD',
- neutral0: 'hsl(0, 0%, 100%)',
- neutral5: 'hsl(0, 0%, 95%)',
- neutral10: 'hsl(0, 0%, 90%)',
- neutral20: 'hsl(0, 0%, 80%)',
- neutral30: 'hsl(0, 0%, 70%)',
- neutral40: 'hsl(0, 0%, 60%)',
- neutral50: 'hsl(0, 0%, 50%)',
- neutral60: 'hsl(0, 0%, 40%)',
- neutral70: 'hsl(0, 0%, 30%)',
- neutral80: 'hsl(0, 0%, 20%)',
- neutral90: 'hsl(0, 0%, 10%)'
-};
-var borderRadius = 4; // Used to calculate consistent margin/padding on elements
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var baseUnit = 4; // The minimum height of the control
+var _ref2 = process.env.NODE_ENV === "production" ? {
+ name: "19bqh2r",
+ styles: "display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0;"
+} : {
+ name: "19bqh2r",
+ styles: "display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0;",
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGljYXRvcnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JJIiwiZmlsZSI6ImluZGljYXRvcnMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBAZmxvd1xuLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyB0eXBlIE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3gsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5pbXBvcnQgdHlwZSB7IENvbW1vblByb3BzLCBUaGVtZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBEcm9wZG93biAmIENsZWFyIEljb25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgU3ZnID0gKHsgc2l6ZSwgLi4ucHJvcHMgfTogeyBzaXplOiBudW1iZXIgfSkgPT4gKFxuICA8c3ZnXG4gICAgaGVpZ2h0PXtzaXplfVxuICAgIHdpZHRoPXtzaXplfVxuICAgIHZpZXdCb3g9XCIwIDAgMjAgMjBcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgZm9jdXNhYmxlPVwiZmFsc2VcIlxuICAgIGNzcz17e1xuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBmaWxsOiAnY3VycmVudENvbG9yJyxcbiAgICAgIGxpbmVIZWlnaHQ6IDEsXG4gICAgICBzdHJva2U6ICdjdXJyZW50Q29sb3InLFxuICAgICAgc3Ryb2tlV2lkdGg6IDAsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgQ3Jvc3NJY29uID0gKHByb3BzOiBhbnkpID0+IChcbiAgPFN2ZyBzaXplPXsyMH0gey4uLnByb3BzfT5cbiAgICA8cGF0aCBkPVwiTTE0LjM0OCAxNC44NDljLTAuNDY5IDAuNDY5LTEuMjI5IDAuNDY5LTEuNjk3IDBsLTIuNjUxLTMuMDMwLTIuNjUxIDMuMDI5Yy0wLjQ2OSAwLjQ2OS0xLjIyOSAwLjQ2OS0xLjY5NyAwLTAuNDY5LTAuNDY5LTAuNDY5LTEuMjI5IDAtMS42OTdsMi43NTgtMy4xNS0yLjc1OS0zLjE1MmMtMC40NjktMC40NjktMC40NjktMS4yMjggMC0xLjY5N3MxLjIyOC0wLjQ2OSAxLjY5NyAwbDIuNjUyIDMuMDMxIDIuNjUxLTMuMDMxYzAuNDY5LTAuNDY5IDEuMjI4LTAuNDY5IDEuNjk3IDBzMC40NjkgMS4yMjkgMCAxLjY5N2wtMi43NTggMy4xNTIgMi43NTggMy4xNWMwLjQ2OSAwLjQ2OSAwLjQ2OSAxLjIyOSAwIDEuNjk4elwiIC8+XG4gIDwvU3ZnPlxuKTtcbmV4cG9ydCBjb25zdCBEb3duQ2hldnJvbiA9IChwcm9wczogYW55KSA9PiAoXG4gIDxTdmcgc2l6ZT17MjB9IHsuLi5wcm9wc30+XG4gICAgPHBhdGggZD1cIk00LjUxNiA3LjU0OGMwLjQzNi0wLjQ0NiAxLjA0My0wLjQ4MSAxLjU3NiAwbDMuOTA4IDMuNzQ3IDMuOTA4LTMuNzQ3YzAuNTMzLTAuNDgxIDEuMTQxLTAuNDQ2IDEuNTc0IDAgMC40MzYgMC40NDUgMC40MDggMS4xOTcgMCAxLjYxNS0wLjQwNiAwLjQxOC00LjY5NSA0LjUwMi00LjY5NSA0LjUwMi0wLjIxNyAwLjIyMy0wLjUwMiAwLjMzNS0wLjc4NyAwLjMzNXMtMC41Ny0wLjExMi0wLjc4OS0wLjMzNWMwIDAtNC4yODctNC4wODQtNC42OTUtNC41MDJzLTAuNDM2LTEuMTcgMC0xLjYxNXpcIiAvPlxuICA8L1N2Zz5cbik7XG5cbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gRHJvcGRvd24gJiBDbGVhciBCdXR0b25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuZXhwb3J0IHR5cGUgSW5kaWNhdG9yUHJvcHMgPSBDb21tb25Qcm9wcyAmIHtcbiAgLyoqIFRoZSBjaGlsZHJlbiB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhlIGluZGljYXRvci4gKi9cbiAgY2hpbGRyZW46IE5vZGUsXG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufTtcblxuY29uc3QgYmFzZUNTUyA9ICh7XG4gIGlzRm9jdXNlZCxcbiAgdGhlbWU6IHtcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gICAgY29sb3JzLFxuICB9LFxufTogSW5kaWNhdG9yUHJvcHMpID0+ICh7XG4gIGxhYmVsOiAnaW5kaWNhdG9yQ29udGFpbmVyJyxcbiAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsNjAgOiBjb2xvcnMubmV1dHJhbDIwLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIHBhZGRpbmc6IGJhc2VVbml0ICogMixcbiAgdHJhbnNpdGlvbjogJ2NvbG9yIDE1MG1zJyxcblxuICAnOmhvdmVyJzoge1xuICAgIGNvbG9yOiBpc0ZvY3VzZWQgPyBjb2xvcnMubmV1dHJhbDgwIDogY29sb3JzLm5ldXRyYWw0MCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcGRvd25JbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IERyb3Bkb3duSW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2Ryb3Bkb3duSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnZHJvcGRvd24taW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8RG93bkNoZXZyb24gLz59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgY2xlYXJJbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IENsZWFySW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2NsZWFySW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnY2xlYXItaW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8Q3Jvc3NJY29uIC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBTZXBhcmF0b3Jcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG50eXBlIFNlcGFyYXRvclN0YXRlID0geyBpc0Rpc2FibGVkOiBib29sZWFuIH07XG5cbmV4cG9ydCBjb25zdCBpbmRpY2F0b3JTZXBhcmF0b3JDU1MgPSAoe1xuICBpc0Rpc2FibGVkLFxuICB0aGVtZToge1xuICAgIHNwYWNpbmc6IHsgYmFzZVVuaXQgfSxcbiAgICBjb2xvcnMsXG4gIH0sXG59OiBDb21tb25Qcm9wcyAmIFNlcGFyYXRvclN0YXRlKSA9PiAoe1xuICBsYWJlbDogJ2luZGljYXRvclNlcGFyYXRvcicsXG4gIGFsaWduU2VsZjogJ3N0cmV0Y2gnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGlzRGlzYWJsZWQgPyBjb2xvcnMubmV1dHJhbDEwIDogY29sb3JzLm5ldXRyYWwyMCxcbiAgbWFyZ2luQm90dG9tOiBiYXNlVW5pdCAqIDIsXG4gIG1hcmdpblRvcDogYmFzZVVuaXQgKiAyLFxuICB3aWR0aDogMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgSW5kaWNhdG9yU2VwYXJhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSwgY3gsIGdldFN0eWxlcywgaW5uZXJQcm9wcyB9ID0gcHJvcHM7XG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2luZGljYXRvclNlcGFyYXRvcicsIHByb3BzKX1cbiAgICAgIGNsYXNzTmFtZT17Y3goeyAnaW5kaWNhdG9yLXNlcGFyYXRvcic6IHRydWUgfSwgY2xhc3NOYW1lKX1cbiAgICAvPlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBMb2FkaW5nXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgbG9hZGluZ0RvdEFuaW1hdGlvbnMgPSBrZXlmcmFtZXNgXG4gIDAlLCA4MCUsIDEwMCUgeyBvcGFjaXR5OiAwOyB9XG4gIDQwJSB7IG9wYWNpdHk6IDE7IH1cbmA7XG5cbmV4cG9ydCBjb25zdCBsb2FkaW5nSW5kaWNhdG9yQ1NTID0gKHtcbiAgaXNGb2N1c2VkLFxuICBzaXplLFxuICB0aGVtZToge1xuICAgIGNvbG9ycyxcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gIH0sXG59OiB7XG4gIGlzRm9jdXNlZDogYm9vbGVhbixcbiAgc2l6ZTogbnVtYmVyLFxuICB0aGVtZTogVGhlbWUsXG59KSA9PiAoe1xuICBsYWJlbDogJ2xvYWRpbmdJbmRpY2F0b3InLFxuICBjb2xvcjogaXNGb2N1c2VkID8gY29sb3JzLm5ldXRyYWw2MCA6IGNvbG9ycy5uZXV0cmFsMjAsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgcGFkZGluZzogYmFzZVVuaXQgKiAyLFxuICB0cmFuc2l0aW9uOiAnY29sb3IgMTUwbXMnLFxuICBhbGlnblNlbGY6ICdjZW50ZXInLFxuICBmb250U2l6ZTogc2l6ZSxcbiAgbGluZUhlaWdodDogMSxcbiAgbWFyZ2luUmlnaHQ6IHNpemUsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxufSk7XG5cbnR5cGUgRG90UHJvcHMgPSB7IGRlbGF5OiBudW1iZXIsIG9mZnNldDogYm9vbGVhbiB9O1xuY29uc3QgTG9hZGluZ0RvdCA9ICh7IGRlbGF5LCBvZmZzZXQgfTogRG90UHJvcHMpID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e3tcbiAgICAgIGFuaW1hdGlvbjogYCR7bG9hZGluZ0RvdEFuaW1hdGlvbnN9IDFzIGVhc2UtaW4tb3V0ICR7ZGVsYXl9bXMgaW5maW5pdGU7YCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogJ2N1cnJlbnRDb2xvcicsXG4gICAgICBib3JkZXJSYWRpdXM6ICcxZW0nLFxuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBtYXJnaW5MZWZ0OiBvZmZzZXQgPyAnMWVtJyA6IG51bGwsXG4gICAgICBoZWlnaHQ6ICcxZW0nLFxuICAgICAgdmVydGljYWxBbGlnbjogJ3RvcCcsXG4gICAgICB3aWR0aDogJzFlbScsXG4gICAgfX1cbiAgLz5cbik7XG5cbmV4cG9ydCB0eXBlIExvYWRpbmdJY29uUHJvcHMgPSB7XG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufSAmIENvbW1vblByb3BzICYge1xuICAgIC8qKiBTZXQgc2l6ZSBvZiB0aGUgY29udGFpbmVyLiAqL1xuICAgIHNpemU6IG51bWJlcixcbiAgfTtcbmV4cG9ydCBjb25zdCBMb2FkaW5nSW5kaWNhdG9yID0gKHByb3BzOiBMb2FkaW5nSWNvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY2xhc3NOYW1lLCBjeCwgZ2V0U3R5bGVzLCBpbm5lclByb3BzLCBpc1J0bCB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4uaW5uZXJQcm9wc31cbiAgICAgIGNzcz17Z2V0U3R5bGVzKCdsb2FkaW5nSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnbG9hZGluZy1pbmRpY2F0b3InOiB0cnVlLFxuICAgICAgICB9LFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgPlxuICAgICAgPExvYWRpbmdEb3QgZGVsYXk9ezB9IG9mZnNldD17aXNSdGx9IC8+XG4gICAgICA8TG9hZGluZ0RvdCBkZWxheT17MTYwfSBvZmZzZXQgLz5cbiAgICAgIDxMb2FkaW5nRG90IGRlbGF5PXszMjB9IG9mZnNldD17IWlzUnRsfSAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbkxvYWRpbmdJbmRpY2F0b3IuZGVmYXVsdFByb3BzID0geyBzaXplOiA0IH07XG4iXX0= */",
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
-var controlHeight = 38; // The amount of space between the control and menu */
+// ==============================
+// Dropdown & Clear Icons
+// ==============================
+var Svg = function Svg(_ref) {
+ var size = _ref.size,
+ props = Object(__WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_objectWithoutProperties__["a" /* default */])(_ref, ["size"]);
-var menuGutter = baseUnit * 2;
-var spacing = {
- baseUnit: baseUnit,
- controlHeight: controlHeight,
- menuGutter: menuGutter
+ return Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])("svg", Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({
+ height: size,
+ width: size,
+ viewBox: "0 0 20 20",
+ "aria-hidden": "true",
+ focusable: "false",
+ css: _ref2
+ }, props));
};
-var defaultTheme = {
- borderRadius: borderRadius,
- colors: colors,
- spacing: spacing
+
+var CrossIcon = function CrossIcon(props) {
+ return Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])(Svg, Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({
+ size: 20
+ }, props), Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])("path", {
+ d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"
+ }));
};
+var DownChevron = function DownChevron(props) {
+ return Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])(Svg, Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({
+ size: 20
+ }, props), Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])("path", {
+ d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+ }));
+}; // ==============================
+// Dropdown & Clear Buttons
+// ==============================
-function _objectWithoutPropertiesLoose$2(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var baseCSS = function baseCSS(_ref3) {
+ var isFocused = _ref3.isFocused,
+ _ref3$theme = _ref3.theme,
+ baseUnit = _ref3$theme.spacing.baseUnit,
+ colors = _ref3$theme.colors;
+ return {
+ label: 'indicatorContainer',
+ color: isFocused ? colors.neutral60 : colors.neutral20,
+ display: 'flex',
+ padding: baseUnit * 2,
+ transition: 'color 150ms',
+ ':hover': {
+ color: isFocused ? colors.neutral80 : colors.neutral40
+ }
+ };
+};
-function _extends$4() { _extends$4 = 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; }; return _extends$4.apply(this, arguments); }
+var dropdownIndicatorCSS = baseCSS;
+var DropdownIndicator = function DropdownIndicator(props) {
+ var children = props.children,
+ className = props.className,
+ cx = props.cx,
+ getStyles = props.getStyles,
+ innerProps = props.innerProps;
+ return Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])("div", Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({}, innerProps, {
+ css: getStyles('dropdownIndicator', props),
+ className: cx({
+ indicator: true,
+ 'dropdown-indicator': true
+ }, className)
+ }), children || Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])(DownChevron, null));
+};
+var clearIndicatorCSS = baseCSS;
+var ClearIndicator = function ClearIndicator(props) {
+ var children = props.children,
+ className = props.className,
+ cx = props.cx,
+ getStyles = props.getStyles,
+ innerProps = props.innerProps;
+ return Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])("div", Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({}, innerProps, {
+ css: getStyles('clearIndicator', props),
+ className: cx({
+ indicator: true,
+ 'clear-indicator': true
+ }, className)
+ }), children || Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])(CrossIcon, null));
+}; // ==============================
+// Separator
+// ==============================
-function _inheritsLoose$4(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+var indicatorSeparatorCSS = function indicatorSeparatorCSS(_ref4) {
+ var isDisabled = _ref4.isDisabled,
+ _ref4$theme = _ref4.theme,
+ baseUnit = _ref4$theme.spacing.baseUnit,
+ colors = _ref4$theme.colors;
+ return {
+ label: 'indicatorSeparator',
+ alignSelf: 'stretch',
+ backgroundColor: isDisabled ? colors.neutral10 : colors.neutral20,
+ marginBottom: baseUnit * 2,
+ marginTop: baseUnit * 2,
+ width: 1
+ };
+};
+var IndicatorSeparator = function IndicatorSeparator(props) {
+ var className = props.className,
+ cx = props.cx,
+ getStyles = props.getStyles,
+ innerProps = props.innerProps;
+ return Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])("span", Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({}, innerProps, {
+ css: getStyles('indicatorSeparator', props),
+ className: cx({
+ 'indicator-separator': true
+ }, className)
+ }));
+}; // ==============================
+// Loading
+// ==============================
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-var defaultProps = {
- backspaceRemovesValue: true,
- blurInputOnSelect: __WEBPACK_IMPORTED_MODULE_4__utils_06b0d5a4_browser_esm_js__["i"](),
- captureMenuScroll: !__WEBPACK_IMPORTED_MODULE_4__utils_06b0d5a4_browser_esm_js__["i"](),
- closeMenuOnSelect: true,
- closeMenuOnScroll: false,
- components: {},
- controlShouldRenderValue: true,
- escapeClearsValue: false,
- filterOption: createFilter(),
- formatGroupLabel: formatGroupLabel,
- getOptionLabel: getOptionLabel,
- getOptionValue: getOptionValue,
- isDisabled: false,
- isLoading: false,
- isMulti: false,
- isRtl: false,
- isSearchable: true,
- isOptionDisabled: isOptionDisabled,
- loadingMessage: function loadingMessage() {
- return 'Loading...';
- },
- maxMenuHeight: 300,
- minMenuHeight: 140,
- menuIsOpen: false,
- menuPlacement: 'bottom',
- menuPosition: 'absolute',
- menuShouldBlockScroll: false,
- menuShouldScrollIntoView: !__WEBPACK_IMPORTED_MODULE_4__utils_06b0d5a4_browser_esm_js__["d"](),
- noOptionsMessage: function noOptionsMessage() {
- return 'No options';
- },
- openMenuOnFocus: false,
- openMenuOnClick: true,
- options: [],
- pageSize: 5,
- placeholder: 'Select...',
- screenReaderStatus: function screenReaderStatus(_ref) {
- var count = _ref.count;
- return count + " result" + (count !== 1 ? 's' : '') + " available";
- },
- styles: {},
- tabIndex: '0',
- tabSelectsValue: true
+var loadingDotAnimations = Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["d" /* keyframes */])(_templateObject());
+var loadingIndicatorCSS = function loadingIndicatorCSS(_ref5) {
+ var isFocused = _ref5.isFocused,
+ size = _ref5.size,
+ _ref5$theme = _ref5.theme,
+ colors = _ref5$theme.colors,
+ baseUnit = _ref5$theme.spacing.baseUnit;
+ return {
+ label: 'loadingIndicator',
+ color: isFocused ? colors.neutral60 : colors.neutral20,
+ display: 'flex',
+ padding: baseUnit * 2,
+ transition: 'color 150ms',
+ alignSelf: 'center',
+ fontSize: size,
+ lineHeight: 1,
+ marginRight: size,
+ textAlign: 'center',
+ verticalAlign: 'middle'
+ };
};
-var instanceId = 1;
-var Select =
-/*#__PURE__*/
-function (_Component) {
- _inheritsLoose$4(Select, _Component);
+var LoadingDot = function LoadingDot(_ref6) {
+ var delay = _ref6.delay,
+ offset = _ref6.offset;
+ return Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])("span", {
+ css: /*#__PURE__*/Object(__WEBPACK_IMPORTED_MODULE_12__emotion_css__["a" /* default */])({
+ animation: "".concat(loadingDotAnimations, " 1s ease-in-out ").concat(delay, "ms infinite;"),
+ backgroundColor: 'currentColor',
+ borderRadius: '1em',
+ display: 'inline-block',
+ marginLeft: offset ? '1em' : null,
+ height: '1em',
+ verticalAlign: 'top',
+ width: '1em'
+ }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGljYXRvcnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0xJIiwiZmlsZSI6ImluZGljYXRvcnMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBAZmxvd1xuLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyB0eXBlIE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3gsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5pbXBvcnQgdHlwZSB7IENvbW1vblByb3BzLCBUaGVtZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBEcm9wZG93biAmIENsZWFyIEljb25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgU3ZnID0gKHsgc2l6ZSwgLi4ucHJvcHMgfTogeyBzaXplOiBudW1iZXIgfSkgPT4gKFxuICA8c3ZnXG4gICAgaGVpZ2h0PXtzaXplfVxuICAgIHdpZHRoPXtzaXplfVxuICAgIHZpZXdCb3g9XCIwIDAgMjAgMjBcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgZm9jdXNhYmxlPVwiZmFsc2VcIlxuICAgIGNzcz17e1xuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBmaWxsOiAnY3VycmVudENvbG9yJyxcbiAgICAgIGxpbmVIZWlnaHQ6IDEsXG4gICAgICBzdHJva2U6ICdjdXJyZW50Q29sb3InLFxuICAgICAgc3Ryb2tlV2lkdGg6IDAsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgQ3Jvc3NJY29uID0gKHByb3BzOiBhbnkpID0+IChcbiAgPFN2ZyBzaXplPXsyMH0gey4uLnByb3BzfT5cbiAgICA8cGF0aCBkPVwiTTE0LjM0OCAxNC44NDljLTAuNDY5IDAuNDY5LTEuMjI5IDAuNDY5LTEuNjk3IDBsLTIuNjUxLTMuMDMwLTIuNjUxIDMuMDI5Yy0wLjQ2OSAwLjQ2OS0xLjIyOSAwLjQ2OS0xLjY5NyAwLTAuNDY5LTAuNDY5LTAuNDY5LTEuMjI5IDAtMS42OTdsMi43NTgtMy4xNS0yLjc1OS0zLjE1MmMtMC40NjktMC40NjktMC40NjktMS4yMjggMC0xLjY5N3MxLjIyOC0wLjQ2OSAxLjY5NyAwbDIuNjUyIDMuMDMxIDIuNjUxLTMuMDMxYzAuNDY5LTAuNDY5IDEuMjI4LTAuNDY5IDEuNjk3IDBzMC40NjkgMS4yMjkgMCAxLjY5N2wtMi43NTggMy4xNTIgMi43NTggMy4xNWMwLjQ2OSAwLjQ2OSAwLjQ2OSAxLjIyOSAwIDEuNjk4elwiIC8+XG4gIDwvU3ZnPlxuKTtcbmV4cG9ydCBjb25zdCBEb3duQ2hldnJvbiA9IChwcm9wczogYW55KSA9PiAoXG4gIDxTdmcgc2l6ZT17MjB9IHsuLi5wcm9wc30+XG4gICAgPHBhdGggZD1cIk00LjUxNiA3LjU0OGMwLjQzNi0wLjQ0NiAxLjA0My0wLjQ4MSAxLjU3NiAwbDMuOTA4IDMuNzQ3IDMuOTA4LTMuNzQ3YzAuNTMzLTAuNDgxIDEuMTQxLTAuNDQ2IDEuNTc0IDAgMC40MzYgMC40NDUgMC40MDggMS4xOTcgMCAxLjYxNS0wLjQwNiAwLjQxOC00LjY5NSA0LjUwMi00LjY5NSA0LjUwMi0wLjIxNyAwLjIyMy0wLjUwMiAwLjMzNS0wLjc4NyAwLjMzNXMtMC41Ny0wLjExMi0wLjc4OS0wLjMzNWMwIDAtNC4yODctNC4wODQtNC42OTUtNC41MDJzLTAuNDM2LTEuMTcgMC0xLjYxNXpcIiAvPlxuICA8L1N2Zz5cbik7XG5cbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gRHJvcGRvd24gJiBDbGVhciBCdXR0b25zXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuZXhwb3J0IHR5cGUgSW5kaWNhdG9yUHJvcHMgPSBDb21tb25Qcm9wcyAmIHtcbiAgLyoqIFRoZSBjaGlsZHJlbiB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhlIGluZGljYXRvci4gKi9cbiAgY2hpbGRyZW46IE5vZGUsXG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufTtcblxuY29uc3QgYmFzZUNTUyA9ICh7XG4gIGlzRm9jdXNlZCxcbiAgdGhlbWU6IHtcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gICAgY29sb3JzLFxuICB9LFxufTogSW5kaWNhdG9yUHJvcHMpID0+ICh7XG4gIGxhYmVsOiAnaW5kaWNhdG9yQ29udGFpbmVyJyxcbiAgY29sb3I6IGlzRm9jdXNlZCA/IGNvbG9ycy5uZXV0cmFsNjAgOiBjb2xvcnMubmV1dHJhbDIwLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIHBhZGRpbmc6IGJhc2VVbml0ICogMixcbiAgdHJhbnNpdGlvbjogJ2NvbG9yIDE1MG1zJyxcblxuICAnOmhvdmVyJzoge1xuICAgIGNvbG9yOiBpc0ZvY3VzZWQgPyBjb2xvcnMubmV1dHJhbDgwIDogY29sb3JzLm5ldXRyYWw0MCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcGRvd25JbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IERyb3Bkb3duSW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2Ryb3Bkb3duSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnZHJvcGRvd24taW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8RG93bkNoZXZyb24gLz59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgY2xlYXJJbmRpY2F0b3JDU1MgPSBiYXNlQ1NTO1xuZXhwb3J0IGNvbnN0IENsZWFySW5kaWNhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGN4LCBnZXRTdHlsZXMsIGlubmVyUHJvcHMgfSA9IHByb3BzO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2NsZWFySW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnY2xlYXItaW5kaWNhdG9yJzogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbiB8fCA8Q3Jvc3NJY29uIC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBTZXBhcmF0b3Jcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG50eXBlIFNlcGFyYXRvclN0YXRlID0geyBpc0Rpc2FibGVkOiBib29sZWFuIH07XG5cbmV4cG9ydCBjb25zdCBpbmRpY2F0b3JTZXBhcmF0b3JDU1MgPSAoe1xuICBpc0Rpc2FibGVkLFxuICB0aGVtZToge1xuICAgIHNwYWNpbmc6IHsgYmFzZVVuaXQgfSxcbiAgICBjb2xvcnMsXG4gIH0sXG59OiBDb21tb25Qcm9wcyAmIFNlcGFyYXRvclN0YXRlKSA9PiAoe1xuICBsYWJlbDogJ2luZGljYXRvclNlcGFyYXRvcicsXG4gIGFsaWduU2VsZjogJ3N0cmV0Y2gnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGlzRGlzYWJsZWQgPyBjb2xvcnMubmV1dHJhbDEwIDogY29sb3JzLm5ldXRyYWwyMCxcbiAgbWFyZ2luQm90dG9tOiBiYXNlVW5pdCAqIDIsXG4gIG1hcmdpblRvcDogYmFzZVVuaXQgKiAyLFxuICB3aWR0aDogMSxcbn0pO1xuXG5leHBvcnQgY29uc3QgSW5kaWNhdG9yU2VwYXJhdG9yID0gKHByb3BzOiBJbmRpY2F0b3JQcm9wcykgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSwgY3gsIGdldFN0eWxlcywgaW5uZXJQcm9wcyB9ID0gcHJvcHM7XG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIHsuLi5pbm5lclByb3BzfVxuICAgICAgY3NzPXtnZXRTdHlsZXMoJ2luZGljYXRvclNlcGFyYXRvcicsIHByb3BzKX1cbiAgICAgIGNsYXNzTmFtZT17Y3goeyAnaW5kaWNhdG9yLXNlcGFyYXRvcic6IHRydWUgfSwgY2xhc3NOYW1lKX1cbiAgICAvPlxuICApO1xufTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBMb2FkaW5nXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuY29uc3QgbG9hZGluZ0RvdEFuaW1hdGlvbnMgPSBrZXlmcmFtZXNgXG4gIDAlLCA4MCUsIDEwMCUgeyBvcGFjaXR5OiAwOyB9XG4gIDQwJSB7IG9wYWNpdHk6IDE7IH1cbmA7XG5cbmV4cG9ydCBjb25zdCBsb2FkaW5nSW5kaWNhdG9yQ1NTID0gKHtcbiAgaXNGb2N1c2VkLFxuICBzaXplLFxuICB0aGVtZToge1xuICAgIGNvbG9ycyxcbiAgICBzcGFjaW5nOiB7IGJhc2VVbml0IH0sXG4gIH0sXG59OiB7XG4gIGlzRm9jdXNlZDogYm9vbGVhbixcbiAgc2l6ZTogbnVtYmVyLFxuICB0aGVtZTogVGhlbWUsXG59KSA9PiAoe1xuICBsYWJlbDogJ2xvYWRpbmdJbmRpY2F0b3InLFxuICBjb2xvcjogaXNGb2N1c2VkID8gY29sb3JzLm5ldXRyYWw2MCA6IGNvbG9ycy5uZXV0cmFsMjAsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgcGFkZGluZzogYmFzZVVuaXQgKiAyLFxuICB0cmFuc2l0aW9uOiAnY29sb3IgMTUwbXMnLFxuICBhbGlnblNlbGY6ICdjZW50ZXInLFxuICBmb250U2l6ZTogc2l6ZSxcbiAgbGluZUhlaWdodDogMSxcbiAgbWFyZ2luUmlnaHQ6IHNpemUsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnLFxufSk7XG5cbnR5cGUgRG90UHJvcHMgPSB7IGRlbGF5OiBudW1iZXIsIG9mZnNldDogYm9vbGVhbiB9O1xuY29uc3QgTG9hZGluZ0RvdCA9ICh7IGRlbGF5LCBvZmZzZXQgfTogRG90UHJvcHMpID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e3tcbiAgICAgIGFuaW1hdGlvbjogYCR7bG9hZGluZ0RvdEFuaW1hdGlvbnN9IDFzIGVhc2UtaW4tb3V0ICR7ZGVsYXl9bXMgaW5maW5pdGU7YCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogJ2N1cnJlbnRDb2xvcicsXG4gICAgICBib3JkZXJSYWRpdXM6ICcxZW0nLFxuICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICBtYXJnaW5MZWZ0OiBvZmZzZXQgPyAnMWVtJyA6IG51bGwsXG4gICAgICBoZWlnaHQ6ICcxZW0nLFxuICAgICAgdmVydGljYWxBbGlnbjogJ3RvcCcsXG4gICAgICB3aWR0aDogJzFlbScsXG4gICAgfX1cbiAgLz5cbik7XG5cbmV4cG9ydCB0eXBlIExvYWRpbmdJY29uUHJvcHMgPSB7XG4gIC8qKiBQcm9wcyB0aGF0IHdpbGwgYmUgcGFzc2VkIG9uIHRvIHRoZSBjaGlsZHJlbi4gKi9cbiAgaW5uZXJQcm9wczogYW55LFxuICAvKiogVGhlIGZvY3VzZWQgc3RhdGUgb2YgdGhlIHNlbGVjdC4gKi9cbiAgaXNGb2N1c2VkOiBib29sZWFuLFxuICAvKiogV2hldGhlciB0aGUgdGV4dCBpcyByaWdodCB0byBsZWZ0ICovXG4gIGlzUnRsOiBib29sZWFuLFxufSAmIENvbW1vblByb3BzICYge1xuICAgIC8qKiBTZXQgc2l6ZSBvZiB0aGUgY29udGFpbmVyLiAqL1xuICAgIHNpemU6IG51bWJlcixcbiAgfTtcbmV4cG9ydCBjb25zdCBMb2FkaW5nSW5kaWNhdG9yID0gKHByb3BzOiBMb2FkaW5nSWNvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY2xhc3NOYW1lLCBjeCwgZ2V0U3R5bGVzLCBpbm5lclByb3BzLCBpc1J0bCB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4uaW5uZXJQcm9wc31cbiAgICAgIGNzcz17Z2V0U3R5bGVzKCdsb2FkaW5nSW5kaWNhdG9yJywgcHJvcHMpfVxuICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAge1xuICAgICAgICAgIGluZGljYXRvcjogdHJ1ZSxcbiAgICAgICAgICAnbG9hZGluZy1pbmRpY2F0b3InOiB0cnVlLFxuICAgICAgICB9LFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgPlxuICAgICAgPExvYWRpbmdEb3QgZGVsYXk9ezB9IG9mZnNldD17aXNSdGx9IC8+XG4gICAgICA8TG9hZGluZ0RvdCBkZWxheT17MTYwfSBvZmZzZXQgLz5cbiAgICAgIDxMb2FkaW5nRG90IGRlbGF5PXszMjB9IG9mZnNldD17IWlzUnRsfSAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbkxvYWRpbmdJbmRpY2F0b3IuZGVmYXVsdFByb3BzID0geyBzaXplOiA0IH07XG4iXX0= */")
+ });
+};
- // Misc. Instance Properties
- // ------------------------------
- // TODO
- // Refs
- // ------------------------------
- // Lifecycle
- // ------------------------------
- function Select(_props) {
- var _this;
+var LoadingIndicator = function LoadingIndicator(props) {
+ var className = props.className,
+ cx = props.cx,
+ getStyles = props.getStyles,
+ innerProps = props.innerProps,
+ isRtl = props.isRtl;
+ return Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])("div", Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({}, innerProps, {
+ css: getStyles('loadingIndicator', props),
+ className: cx({
+ indicator: true,
+ 'loading-indicator': true
+ }, className)
+ }), Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])(LoadingDot, {
+ delay: 0,
+ offset: isRtl
+ }), Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])(LoadingDot, {
+ delay: 160,
+ offset: true
+ }), Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])(LoadingDot, {
+ delay: 320,
+ offset: !isRtl
+ }));
+};
+LoadingIndicator.defaultProps = {
+ size: 4
+};
- _this = _Component.call(this, _props) || this;
- _this.state = {
- ariaLiveSelection: '',
- ariaLiveContext: '',
- focusedOption: null,
- focusedValue: null,
- inputIsHidden: false,
- isFocused: false,
- menuOptions: {
- render: [],
- focusable: []
- },
- selectValue: []
- };
- _this.blockOptionHover = false;
- _this.isComposing = false;
- _this.clearFocusValueOnUpdate = false;
- _this.commonProps = void 0;
- _this.components = void 0;
- _this.hasGroups = false;
- _this.initialTouchX = 0;
- _this.initialTouchY = 0;
- _this.inputIsHiddenAfterUpdate = void 0;
- _this.instancePrefix = '';
- _this.openAfterFocus = false;
- _this.scrollToFocusedOptionOnUpdate = false;
- _this.userIsDragging = void 0;
- _this.controlRef = null;
+var css = function css(_ref) {
+ var isDisabled = _ref.isDisabled,
+ isFocused = _ref.isFocused,
+ _ref$theme = _ref.theme,
+ colors = _ref$theme.colors,
+ borderRadius = _ref$theme.borderRadius,
+ spacing = _ref$theme.spacing;
+ return {
+ label: 'control',
+ alignItems: 'center',
+ backgroundColor: isDisabled ? colors.neutral5 : colors.neutral0,
+ borderColor: isDisabled ? colors.neutral10 : isFocused ? colors.primary : colors.neutral20,
+ borderRadius: borderRadius,
+ borderStyle: 'solid',
+ borderWidth: 1,
+ boxShadow: isFocused ? "0 0 0 1px ".concat(colors.primary) : null,
+ cursor: 'default',
+ display: 'flex',
+ flexWrap: 'wrap',
+ justifyContent: 'space-between',
+ minHeight: spacing.controlHeight,
+ outline: '0 !important',
+ position: 'relative',
+ transition: 'all 100ms',
+ '&:hover': {
+ borderColor: isFocused ? colors.primary : colors.neutral30
+ }
+ };
+};
- _this.getControlRef = function (ref) {
- _this.controlRef = ref;
- };
+var Control = function Control(props) {
+ var children = props.children,
+ cx = props.cx,
+ getStyles = props.getStyles,
+ className = props.className,
+ isDisabled = props.isDisabled,
+ isFocused = props.isFocused,
+ innerRef = props.innerRef,
+ innerProps = props.innerProps,
+ menuIsOpen = props.menuIsOpen;
+ return Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])("div", Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({
+ ref: innerRef,
+ css: getStyles('control', props),
+ className: cx({
+ control: true,
+ 'control--is-disabled': isDisabled,
+ 'control--is-focused': isFocused,
+ 'control--menu-is-open': menuIsOpen
+ }, className)
+ }, innerProps), children);
+};
- _this.focusedOptionRef = null;
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
- _this.getFocusedOptionRef = function (ref) {
- _this.focusedOptionRef = ref;
- };
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { Object(__WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_defineProperty__["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var groupCSS = function groupCSS(_ref) {
+ var spacing = _ref.theme.spacing;
+ return {
+ paddingBottom: spacing.baseUnit * 2,
+ paddingTop: spacing.baseUnit * 2
+ };
+};
- _this.menuListRef = null;
+var Group = function Group(props) {
+ var children = props.children,
+ className = props.className,
+ cx = props.cx,
+ getStyles = props.getStyles,
+ Heading = props.Heading,
+ headingProps = props.headingProps,
+ label = props.label,
+ theme = props.theme,
+ selectProps = props.selectProps;
+ return Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])("div", {
+ css: getStyles('group', props),
+ className: cx({
+ group: true
+ }, className)
+ }, Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])(Heading, Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({}, headingProps, {
+ selectProps: selectProps,
+ theme: theme,
+ getStyles: getStyles,
+ cx: cx
+ }), label), Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])("div", null, children));
+};
- _this.getMenuListRef = function (ref) {
- _this.menuListRef = ref;
- };
+var groupHeadingCSS = function groupHeadingCSS(_ref2) {
+ var spacing = _ref2.theme.spacing;
+ return {
+ label: 'group',
+ color: '#999',
+ cursor: 'default',
+ display: 'block',
+ fontSize: '75%',
+ fontWeight: '500',
+ marginBottom: '0.25em',
+ paddingLeft: spacing.baseUnit * 3,
+ paddingRight: spacing.baseUnit * 3,
+ textTransform: 'uppercase'
+ };
+};
+var GroupHeading = function GroupHeading(props) {
+ var className = props.className,
+ cx = props.cx,
+ getStyles = props.getStyles,
+ theme = props.theme,
+ selectProps = props.selectProps,
+ cleanProps = Object(__WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_objectWithoutProperties__["a" /* default */])(props, ["className", "cx", "getStyles", "theme", "selectProps"]);
- _this.inputRef = null;
+ return Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])("div", Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({
+ css: getStyles('groupHeading', _objectSpread$1({
+ theme: theme
+ }, cleanProps)),
+ className: cx({
+ 'group-heading': true
+ }, className)
+ }, cleanProps));
+};
- _this.getInputRef = function (ref) {
- _this.inputRef = ref;
- };
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
- _this.cacheComponents = function (components) {
- _this.components = __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["x" /* w */]({
- components: components
- });
- };
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2(Object(source), true).forEach(function (key) { Object(__WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_defineProperty__["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var inputCSS = function inputCSS(_ref) {
+ var isDisabled = _ref.isDisabled,
+ _ref$theme = _ref.theme,
+ spacing = _ref$theme.spacing,
+ colors = _ref$theme.colors;
+ return {
+ margin: spacing.baseUnit / 2,
+ paddingBottom: spacing.baseUnit / 2,
+ paddingTop: spacing.baseUnit / 2,
+ visibility: isDisabled ? 'hidden' : 'visible',
+ color: colors.neutral80
+ };
+};
- _this.focus = _this.focusInput;
- _this.blur = _this.blurInput;
+var inputStyle = function inputStyle(isHidden) {
+ return {
+ label: 'input',
+ background: 0,
+ border: 0,
+ fontSize: 'inherit',
+ opacity: isHidden ? 0 : 1,
+ outline: 0,
+ padding: 0,
+ color: 'inherit'
+ };
+};
- _this.onChange = function (newValue, actionMeta) {
- var _this$props = _this.props,
- onChange = _this$props.onChange,
- name = _this$props.name;
- onChange(newValue, _extends$4({}, actionMeta, {
- name: name
- }));
- };
+var Input = function Input(_ref2) {
+ var className = _ref2.className,
+ cx = _ref2.cx,
+ getStyles = _ref2.getStyles,
+ innerRef = _ref2.innerRef,
+ isHidden = _ref2.isHidden,
+ isDisabled = _ref2.isDisabled,
+ theme = _ref2.theme,
+ selectProps = _ref2.selectProps,
+ props = Object(__WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_objectWithoutProperties__["a" /* default */])(_ref2, ["className", "cx", "getStyles", "innerRef", "isHidden", "isDisabled", "theme", "selectProps"]);
- _this.setValue = function (newValue, action, option) {
- if (action === void 0) {
- action = 'set-value';
- }
+ return Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])("div", {
+ css: getStyles('input', _objectSpread$2({
+ theme: theme
+ }, props))
+ }, Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])(__WEBPACK_IMPORTED_MODULE_14_react_input_autosize___default.a, Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({
+ className: cx({
+ input: true
+ }, className),
+ inputRef: innerRef,
+ inputStyle: inputStyle(isHidden),
+ disabled: isDisabled
+ }, props)));
+};
- var _this$props2 = _this.props,
- closeMenuOnSelect = _this$props2.closeMenuOnSelect,
- isMulti = _this$props2.isMulti;
+function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
- _this.onInputChange('', {
- action: 'set-value'
- });
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { Object(__WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_defineProperty__["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var multiValueCSS = function multiValueCSS(_ref) {
+ var _ref$theme = _ref.theme,
+ spacing = _ref$theme.spacing,
+ borderRadius = _ref$theme.borderRadius,
+ colors = _ref$theme.colors;
+ return {
+ label: 'multiValue',
+ backgroundColor: colors.neutral10,
+ borderRadius: borderRadius / 2,
+ display: 'flex',
+ margin: spacing.baseUnit / 2,
+ minWidth: 0 // resolves flex/text-overflow bug
- if (closeMenuOnSelect) {
- _this.inputIsHiddenAfterUpdate = !isMulti;
+ };
+};
+var multiValueLabelCSS = function multiValueLabelCSS(_ref2) {
+ var _ref2$theme = _ref2.theme,
+ borderRadius = _ref2$theme.borderRadius,
+ colors = _ref2$theme.colors,
+ cropWithEllipsis = _ref2.cropWithEllipsis;
+ return {
+ borderRadius: borderRadius / 2,
+ color: colors.neutral80,
+ fontSize: '85%',
+ overflow: 'hidden',
+ padding: 3,
+ paddingLeft: 6,
+ textOverflow: cropWithEllipsis ? 'ellipsis' : null,
+ whiteSpace: 'nowrap'
+ };
+};
+var multiValueRemoveCSS = function multiValueRemoveCSS(_ref3) {
+ var _ref3$theme = _ref3.theme,
+ spacing = _ref3$theme.spacing,
+ borderRadius = _ref3$theme.borderRadius,
+ colors = _ref3$theme.colors,
+ isFocused = _ref3.isFocused;
+ return {
+ alignItems: 'center',
+ borderRadius: borderRadius / 2,
+ backgroundColor: isFocused && colors.dangerLight,
+ display: 'flex',
+ paddingLeft: spacing.baseUnit,
+ paddingRight: spacing.baseUnit,
+ ':hover': {
+ backgroundColor: colors.dangerLight,
+ color: colors.danger
+ }
+ };
+};
+var MultiValueGeneric = function MultiValueGeneric(_ref4) {
+ var children = _ref4.children,
+ innerProps = _ref4.innerProps;
+ return Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])("div", innerProps, children);
+};
+var MultiValueContainer = MultiValueGeneric;
+var MultiValueLabel = MultiValueGeneric;
+function MultiValueRemove(_ref5) {
+ var children = _ref5.children,
+ innerProps = _ref5.innerProps;
+ return Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])("div", innerProps, children || Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])(CrossIcon, {
+ size: 14
+ }));
+}
- _this.onMenuClose();
- } // when the select value should change, we should reset focusedValue
+var MultiValue = function MultiValue(props) {
+ var children = props.children,
+ className = props.className,
+ components = props.components,
+ cx = props.cx,
+ data = props.data,
+ getStyles = props.getStyles,
+ innerProps = props.innerProps,
+ isDisabled = props.isDisabled,
+ removeProps = props.removeProps,
+ selectProps = props.selectProps;
+ var Container = components.Container,
+ Label = components.Label,
+ Remove = components.Remove;
+ return Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["b" /* ClassNames */], null, function (_ref6) {
+ var css = _ref6.css,
+ emotionCx = _ref6.cx;
+ return Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])(Container, {
+ data: data,
+ innerProps: _objectSpread$3(_objectSpread$3({}, innerProps), {}, {
+ className: emotionCx(css(getStyles('multiValue', props)), cx({
+ 'multi-value': true,
+ 'multi-value--is-disabled': isDisabled
+ }, className))
+ }),
+ selectProps: selectProps
+ }, Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])(Label, {
+ data: data,
+ innerProps: {
+ className: emotionCx(css(getStyles('multiValueLabel', props)), cx({
+ 'multi-value__label': true
+ }, className))
+ },
+ selectProps: selectProps
+ }, children), Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])(Remove, {
+ data: data,
+ innerProps: _objectSpread$3({
+ className: emotionCx(css(getStyles('multiValueRemove', props)), cx({
+ 'multi-value__remove': true
+ }, className))
+ }, removeProps),
+ selectProps: selectProps
+ }));
+ });
+};
+MultiValue.defaultProps = {
+ cropWithEllipsis: true
+};
- _this.clearFocusValueOnUpdate = true;
+var optionCSS = function optionCSS(_ref) {
+ var isDisabled = _ref.isDisabled,
+ isFocused = _ref.isFocused,
+ isSelected = _ref.isSelected,
+ _ref$theme = _ref.theme,
+ spacing = _ref$theme.spacing,
+ colors = _ref$theme.colors;
+ return {
+ label: 'option',
+ backgroundColor: isSelected ? colors.primary : isFocused ? colors.primary25 : 'transparent',
+ color: isDisabled ? colors.neutral20 : isSelected ? colors.neutral0 : 'inherit',
+ cursor: 'default',
+ display: 'block',
+ fontSize: 'inherit',
+ padding: "".concat(spacing.baseUnit * 2, "px ").concat(spacing.baseUnit * 3, "px"),
+ width: '100%',
+ userSelect: 'none',
+ WebkitTapHighlightColor: 'rgba(0, 0, 0, 0)',
+ // provide some affordance on touch devices
+ ':active': {
+ backgroundColor: !isDisabled && (isSelected ? colors.primary : colors.primary50)
+ }
+ };
+};
- _this.onChange(newValue, {
- action: action,
- option: option
- });
- };
+var Option = function Option(props) {
+ var children = props.children,
+ className = props.className,
+ cx = props.cx,
+ getStyles = props.getStyles,
+ isDisabled = props.isDisabled,
+ isFocused = props.isFocused,
+ isSelected = props.isSelected,
+ innerRef = props.innerRef,
+ innerProps = props.innerProps;
+ return Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])("div", Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({
+ css: getStyles('option', props),
+ className: cx({
+ option: true,
+ 'option--is-disabled': isDisabled,
+ 'option--is-focused': isFocused,
+ 'option--is-selected': isSelected
+ }, className),
+ ref: innerRef
+ }, innerProps), children);
+};
- _this.selectOption = function (newValue) {
- var _this$props3 = _this.props,
- blurInputOnSelect = _this$props3.blurInputOnSelect,
- isMulti = _this$props3.isMulti;
- var selectValue = _this.state.selectValue;
+var placeholderCSS = function placeholderCSS(_ref) {
+ var _ref$theme = _ref.theme,
+ spacing = _ref$theme.spacing,
+ colors = _ref$theme.colors;
+ return {
+ label: 'placeholder',
+ color: colors.neutral50,
+ marginLeft: spacing.baseUnit / 2,
+ marginRight: spacing.baseUnit / 2,
+ position: 'absolute',
+ top: '50%',
+ transform: 'translateY(-50%)'
+ };
+};
- if (isMulti) {
- if (_this.isOptionSelected(newValue, selectValue)) {
- var candidate = _this.getOptionValue(newValue);
+var Placeholder = function Placeholder(props) {
+ var children = props.children,
+ className = props.className,
+ cx = props.cx,
+ getStyles = props.getStyles,
+ innerProps = props.innerProps;
+ return Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])("div", Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({
+ css: getStyles('placeholder', props),
+ className: cx({
+ placeholder: true
+ }, className)
+ }, innerProps), children);
+};
- _this.setValue(selectValue.filter(function (i) {
- return _this.getOptionValue(i) !== candidate;
- }), 'deselect-option', newValue);
+var css$1 = function css(_ref) {
+ var isDisabled = _ref.isDisabled,
+ _ref$theme = _ref.theme,
+ spacing = _ref$theme.spacing,
+ colors = _ref$theme.colors;
+ return {
+ label: 'singleValue',
+ color: isDisabled ? colors.neutral40 : colors.neutral80,
+ marginLeft: spacing.baseUnit / 2,
+ marginRight: spacing.baseUnit / 2,
+ maxWidth: "calc(100% - ".concat(spacing.baseUnit * 2, "px)"),
+ overflow: 'hidden',
+ position: 'absolute',
+ textOverflow: 'ellipsis',
+ whiteSpace: 'nowrap',
+ top: '50%',
+ transform: 'translateY(-50%)'
+ };
+};
- _this.announceAriaLiveSelection({
- event: 'deselect-option',
- context: {
- value: _this.getOptionLabel(newValue)
- }
- });
- } else {
- if (!_this.isOptionDisabled(newValue, selectValue)) {
- _this.setValue([].concat(selectValue, [newValue]), 'select-option', newValue);
+var SingleValue = function SingleValue(props) {
+ var children = props.children,
+ className = props.className,
+ cx = props.cx,
+ getStyles = props.getStyles,
+ isDisabled = props.isDisabled,
+ innerProps = props.innerProps;
+ return Object(__WEBPACK_IMPORTED_MODULE_9__emotion_core__["c" /* jsx */])("div", Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({
+ css: getStyles('singleValue', props),
+ className: cx({
+ 'single-value': true,
+ 'single-value--is-disabled': isDisabled
+ }, className)
+ }, innerProps), children);
+};
- _this.announceAriaLiveSelection({
- event: 'select-option',
- context: {
- value: _this.getOptionLabel(newValue)
- }
- });
- } else {
- // announce that option is disabled
- _this.announceAriaLiveSelection({
- event: 'select-option',
- context: {
- value: _this.getOptionLabel(newValue),
- isDisabled: true
- }
- });
- }
- }
- } else {
- if (!_this.isOptionDisabled(newValue, selectValue)) {
- _this.setValue(newValue, 'select-option');
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
- _this.announceAriaLiveSelection({
- event: 'select-option',
- context: {
- value: _this.getOptionLabel(newValue)
- }
- });
- } else {
- // announce that option is disabled
- _this.announceAriaLiveSelection({
- event: 'select-option',
- context: {
- value: _this.getOptionLabel(newValue),
- isDisabled: true
- }
- });
- }
- }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { Object(__WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_defineProperty__["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var components = {
+ ClearIndicator: ClearIndicator,
+ Control: Control,
+ DropdownIndicator: DropdownIndicator,
+ DownChevron: DownChevron,
+ CrossIcon: CrossIcon,
+ Group: Group,
+ GroupHeading: GroupHeading,
+ IndicatorsContainer: IndicatorsContainer,
+ IndicatorSeparator: IndicatorSeparator,
+ Input: Input,
+ LoadingIndicator: LoadingIndicator,
+ Menu: Menu,
+ MenuList: MenuList,
+ MenuPortal: MenuPortal,
+ LoadingMessage: LoadingMessage,
+ NoOptionsMessage: NoOptionsMessage,
+ MultiValue: MultiValue,
+ MultiValueContainer: MultiValueContainer,
+ MultiValueLabel: MultiValueLabel,
+ MultiValueRemove: MultiValueRemove,
+ Option: Option,
+ Placeholder: Placeholder,
+ SelectContainer: SelectContainer,
+ SingleValue: SingleValue,
+ ValueContainer: ValueContainer
+};
+var defaultComponents = function defaultComponents(props) {
+ return _objectSpread$4(_objectSpread$4({}, components), props.components);
+};
- if (blurInputOnSelect) {
- _this.blurInput();
- }
- };
- _this.removeValue = function (removedValue) {
- var selectValue = _this.state.selectValue;
- var candidate = _this.getOptionValue(removedValue);
+/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(/*! ./../../process/browser.js */ 6)))
- var newValue = selectValue.filter(function (i) {
- return _this.getOptionValue(i) !== candidate;
- });
+/***/ }),
+/* 177 */
+/*!*********************************************************************************************!*\
+ !*** ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/defineProperty.js ***!
+ \*********************************************************************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
- _this.onChange(newValue.length ? newValue : null, {
- action: 'remove-value',
- removedValue: removedValue
- });
+"use strict";
+/* harmony export (immutable) */ __webpack_exports__["a"] = _defineProperty;
+function _defineProperty(obj, key, value) {
+ if (key in obj) {
+ Object.defineProperty(obj, key, {
+ value: value,
+ enumerable: true,
+ configurable: true,
+ writable: true
+ });
+ } else {
+ obj[key] = value;
+ }
- _this.announceAriaLiveSelection({
- event: 'remove-value',
- context: {
- value: removedValue ? _this.getOptionLabel(removedValue) : ''
- }
- });
+ return obj;
+}
- _this.focusInput();
- };
+/***/ }),
+/* 178 */
+/*!****************************************************************!*\
+ !*** ./node_modules/react-input-autosize/lib/AutosizeInput.js ***!
+ \****************************************************************/
+/*! dynamic exports provided */
+/*! exports used: default */
+/***/ (function(module, exports, __webpack_require__) {
- _this.clearValue = function () {
- var isMulti = _this.props.isMulti;
+"use strict";
- _this.onChange(isMulti ? [] : null, {
- action: 'clear'
- });
- };
- _this.popValue = function () {
- var selectValue = _this.state.selectValue;
- var lastSelectedValue = selectValue[selectValue.length - 1];
- var newValue = selectValue.slice(0, selectValue.length - 1);
+Object.defineProperty(exports, "__esModule", {
+ value: true
+});
- _this.announceAriaLiveSelection({
- event: 'pop-value',
- context: {
- value: lastSelectedValue ? _this.getOptionLabel(lastSelectedValue) : ''
- }
- });
+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; };
- _this.onChange(newValue.length ? newValue : null, {
- action: 'pop-value',
- removedValue: lastSelectedValue
- });
- };
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
- _this.getOptionLabel = function (data) {
- return _this.props.getOptionLabel(data);
- };
+var _react = __webpack_require__(/*! react */ 5);
- _this.getOptionValue = function (data) {
- return _this.props.getOptionValue(data);
- };
+var _react2 = _interopRequireDefault(_react);
- _this.getStyles = function (key, props) {
- var base = defaultStyles[key](props);
- base.boxSizing = 'border-box';
- var custom = _this.props.styles[key];
- return custom ? custom(base, props) : base;
- };
+var _propTypes = __webpack_require__(/*! prop-types */ 15);
- _this.getElementId = function (element) {
- return _this.instancePrefix + "-" + element;
- };
+var _propTypes2 = _interopRequireDefault(_propTypes);
- _this.getActiveDescendentId = function () {
- var menuIsOpen = _this.props.menuIsOpen;
- var _this$state = _this.state,
- menuOptions = _this$state.menuOptions,
- focusedOption = _this$state.focusedOption;
- if (!focusedOption || !menuIsOpen) return undefined;
- var index = menuOptions.focusable.indexOf(focusedOption);
- var option = menuOptions.render[index];
- return option && option.key;
- };
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
- _this.announceAriaLiveSelection = function (_ref2) {
- var event = _ref2.event,
- context = _ref2.context;
+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; }
- _this.setState({
- ariaLiveSelection: valueEventAriaMessage(event, context)
- });
- };
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
- _this.announceAriaLiveContext = function (_ref3) {
- var event = _ref3.event,
- context = _ref3.context;
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
- _this.setState({
- ariaLiveContext: instructionsAriaMessage(event, _extends$4({}, context, {
- label: _this.props['aria-label']
- }))
- });
- };
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
- _this.onMenuMouseDown = function (event) {
- if (event.button !== 0) {
- return;
- }
+var sizerStyle = {
+ position: 'absolute',
+ top: 0,
+ left: 0,
+ visibility: 'hidden',
+ height: 0,
+ overflow: 'scroll',
+ whiteSpace: 'pre'
+};
- event.stopPropagation();
- event.preventDefault();
+var INPUT_PROPS_BLACKLIST = ['extraWidth', 'injectStyles', 'inputClassName', 'inputRef', 'inputStyle', 'minWidth', 'onAutosize', 'placeholderIsMinWidth'];
- _this.focusInput();
- };
+var cleanInputProps = function cleanInputProps(inputProps) {
+ INPUT_PROPS_BLACKLIST.forEach(function (field) {
+ return delete inputProps[field];
+ });
+ return inputProps;
+};
- _this.onMenuMouseMove = function (event) {
- _this.blockOptionHover = false;
- };
+var copyStyles = function copyStyles(styles, node) {
+ node.style.fontSize = styles.fontSize;
+ node.style.fontFamily = styles.fontFamily;
+ node.style.fontWeight = styles.fontWeight;
+ node.style.fontStyle = styles.fontStyle;
+ node.style.letterSpacing = styles.letterSpacing;
+ node.style.textTransform = styles.textTransform;
+};
- _this.onControlMouseDown = function (event) {
- var openMenuOnClick = _this.props.openMenuOnClick;
+var isIE = typeof window !== 'undefined' && window.navigator ? /MSIE |Trident\/|Edge\//.test(window.navigator.userAgent) : false;
- if (!_this.state.isFocused) {
- if (openMenuOnClick) {
- _this.openAfterFocus = true;
- }
+var generateId = function generateId() {
+ // we only need an auto-generated ID for stylesheet injection, which is only
+ // used for IE. so if the browser is not IE, this should return undefined.
+ return isIE ? '_' + Math.random().toString(36).substr(2, 12) : undefined;
+};
- _this.focusInput();
- } else if (!_this.props.menuIsOpen) {
- if (openMenuOnClick) {
- _this.openMenu('first');
- }
- } else {
- if ( // $FlowFixMe
- event.target.tagName !== 'INPUT' && event.target.tagName !== 'TEXTAREA') {
- _this.onMenuClose();
- }
- }
+var AutosizeInput = function (_Component) {
+ _inherits(AutosizeInput, _Component);
- if ( // $FlowFixMe
- event.target.tagName !== 'INPUT' && event.target.tagName !== 'TEXTAREA') {
- event.preventDefault();
- }
- };
-
- _this.onDropdownIndicatorMouseDown = function (event) {
- // ignore mouse events that weren't triggered by the primary button
- if (event && event.type === 'mousedown' && event.button !== 0) {
- return;
- }
+ _createClass(AutosizeInput, null, [{
+ key: 'getDerivedStateFromProps',
+ value: function getDerivedStateFromProps(props, state) {
+ var id = props.id;
- if (_this.props.isDisabled) return;
- var _this$props4 = _this.props,
- isMulti = _this$props4.isMulti,
- menuIsOpen = _this$props4.menuIsOpen;
+ return id !== state.prevId ? { inputId: id || generateId(), prevId: id } : null;
+ }
+ }]);
- _this.focusInput();
+ function AutosizeInput(props) {
+ _classCallCheck(this, AutosizeInput);
- if (menuIsOpen) {
- _this.inputIsHiddenAfterUpdate = !isMulti;
+ var _this = _possibleConstructorReturn(this, (AutosizeInput.__proto__ || Object.getPrototypeOf(AutosizeInput)).call(this, props));
- _this.onMenuClose();
- } else {
- _this.openMenu('first');
- }
+ _this.inputRef = function (el) {
+ _this.input = el;
+ if (typeof _this.props.inputRef === 'function') {
+ _this.props.inputRef(el);
+ }
+ };
- event.preventDefault();
- event.stopPropagation();
- };
+ _this.placeHolderSizerRef = function (el) {
+ _this.placeHolderSizer = el;
+ };
- _this.onClearIndicatorMouseDown = function (event) {
- // ignore mouse events that weren't triggered by the primary button
- if (event && event.type === 'mousedown' && event.button !== 0) {
- return;
- }
+ _this.sizerRef = function (el) {
+ _this.sizer = el;
+ };
- _this.clearValue();
+ _this.state = {
+ inputWidth: props.minWidth,
+ inputId: props.id || generateId(),
+ prevId: props.id
+ };
+ return _this;
+ }
- event.stopPropagation();
- _this.openAfterFocus = false;
+ _createClass(AutosizeInput, [{
+ key: 'componentDidMount',
+ value: function componentDidMount() {
+ this.mounted = true;
+ this.copyInputStyles();
+ this.updateInputWidth();
+ }
+ }, {
+ key: 'componentDidUpdate',
+ value: function componentDidUpdate(prevProps, prevState) {
+ if (prevState.inputWidth !== this.state.inputWidth) {
+ if (typeof this.props.onAutosize === 'function') {
+ this.props.onAutosize(this.state.inputWidth);
+ }
+ }
+ this.updateInputWidth();
+ }
+ }, {
+ key: 'componentWillUnmount',
+ value: function componentWillUnmount() {
+ this.mounted = false;
+ }
+ }, {
+ key: 'copyInputStyles',
+ value: function copyInputStyles() {
+ if (!this.mounted || !window.getComputedStyle) {
+ return;
+ }
+ var inputStyles = this.input && window.getComputedStyle(this.input);
+ if (!inputStyles) {
+ return;
+ }
+ copyStyles(inputStyles, this.sizer);
+ if (this.placeHolderSizer) {
+ copyStyles(inputStyles, this.placeHolderSizer);
+ }
+ }
+ }, {
+ key: 'updateInputWidth',
+ value: function updateInputWidth() {
+ if (!this.mounted || !this.sizer || typeof this.sizer.scrollWidth === 'undefined') {
+ return;
+ }
+ var newInputWidth = void 0;
+ if (this.props.placeholder && (!this.props.value || this.props.value && this.props.placeholderIsMinWidth)) {
+ newInputWidth = Math.max(this.sizer.scrollWidth, this.placeHolderSizer.scrollWidth) + 2;
+ } else {
+ newInputWidth = this.sizer.scrollWidth + 2;
+ }
+ // add extraWidth to the detected width. for number types, this defaults to 16 to allow for the stepper UI
+ var extraWidth = this.props.type === 'number' && this.props.extraWidth === undefined ? 16 : parseInt(this.props.extraWidth) || 0;
+ newInputWidth += extraWidth;
+ if (newInputWidth < this.props.minWidth) {
+ newInputWidth = this.props.minWidth;
+ }
+ if (newInputWidth !== this.state.inputWidth) {
+ this.setState({
+ inputWidth: newInputWidth
+ });
+ }
+ }
+ }, {
+ key: 'getInput',
+ value: function getInput() {
+ return this.input;
+ }
+ }, {
+ key: 'focus',
+ value: function focus() {
+ this.input.focus();
+ }
+ }, {
+ key: 'blur',
+ value: function blur() {
+ this.input.blur();
+ }
+ }, {
+ key: 'select',
+ value: function select() {
+ this.input.select();
+ }
+ }, {
+ key: 'renderStyles',
+ value: function renderStyles() {
+ // this method injects styles to hide IE's clear indicator, which messes
+ // with input size detection. the stylesheet is only injected when the
+ // browser is IE, and can also be disabled by the `injectStyles` prop.
+ var injectStyles = this.props.injectStyles;
- if (event.type === 'touchend') {
- _this.focusInput();
- } else {
- setTimeout(function () {
- return _this.focusInput();
- });
- }
- };
+ return isIE && injectStyles ? _react2.default.createElement('style', { dangerouslySetInnerHTML: {
+ __html: 'input#' + this.state.inputId + '::-ms-clear {display: none;}'
+ } }) : null;
+ }
+ }, {
+ key: 'render',
+ value: function render() {
+ var sizerValue = [this.props.defaultValue, this.props.value, ''].reduce(function (previousValue, currentValue) {
+ if (previousValue !== null && previousValue !== undefined) {
+ return previousValue;
+ }
+ return currentValue;
+ });
- _this.onScroll = function (event) {
- if (typeof _this.props.closeMenuOnScroll === 'boolean') {
- if (event.target instanceof HTMLElement && __WEBPACK_IMPORTED_MODULE_4__utils_06b0d5a4_browser_esm_js__["j"](event.target)) {
- _this.props.onMenuClose();
- }
- } else if (typeof _this.props.closeMenuOnScroll === 'function') {
- if (_this.props.closeMenuOnScroll(event)) {
- _this.props.onMenuClose();
- }
- }
- };
+ var wrapperStyle = _extends({}, this.props.style);
+ if (!wrapperStyle.display) wrapperStyle.display = 'inline-block';
- _this.onCompositionStart = function () {
- _this.isComposing = true;
- };
+ var inputStyle = _extends({
+ boxSizing: 'content-box',
+ width: this.state.inputWidth + 'px'
+ }, this.props.inputStyle);
- _this.onCompositionEnd = function () {
- _this.isComposing = false;
- };
+ var inputProps = _objectWithoutProperties(this.props, []);
- _this.onTouchStart = function (_ref4) {
- var touches = _ref4.touches;
- var touch = touches.item(0);
+ cleanInputProps(inputProps);
+ inputProps.className = this.props.inputClassName;
+ inputProps.id = this.state.inputId;
+ inputProps.style = inputStyle;
- if (!touch) {
- return;
- }
+ return _react2.default.createElement(
+ 'div',
+ { className: this.props.className, style: wrapperStyle },
+ this.renderStyles(),
+ _react2.default.createElement('input', _extends({}, inputProps, { ref: this.inputRef })),
+ _react2.default.createElement(
+ 'div',
+ { ref: this.sizerRef, style: sizerStyle },
+ sizerValue
+ ),
+ this.props.placeholder ? _react2.default.createElement(
+ 'div',
+ { ref: this.placeHolderSizerRef, style: sizerStyle },
+ this.props.placeholder
+ ) : null
+ );
+ }
+ }]);
- _this.initialTouchX = touch.clientX;
- _this.initialTouchY = touch.clientY;
- _this.userIsDragging = false;
- };
+ return AutosizeInput;
+}(_react.Component);
- _this.onTouchMove = function (_ref5) {
- var touches = _ref5.touches;
- var touch = touches.item(0);
+AutosizeInput.propTypes = {
+ className: _propTypes2.default.string, // className for the outer element
+ defaultValue: _propTypes2.default.any, // default field value
+ extraWidth: _propTypes2.default.oneOfType([// additional width for input element
+ _propTypes2.default.number, _propTypes2.default.string]),
+ id: _propTypes2.default.string, // id to use for the input, can be set for consistent snapshots
+ injectStyles: _propTypes2.default.bool, // inject the custom stylesheet to hide clear UI, defaults to true
+ inputClassName: _propTypes2.default.string, // className for the input element
+ inputRef: _propTypes2.default.func, // ref callback for the input element
+ inputStyle: _propTypes2.default.object, // css styles for the input element
+ minWidth: _propTypes2.default.oneOfType([// minimum width for input element
+ _propTypes2.default.number, _propTypes2.default.string]),
+ onAutosize: _propTypes2.default.func, // onAutosize handler: function(newWidth) {}
+ onChange: _propTypes2.default.func, // onChange handler: function(event) {}
+ placeholder: _propTypes2.default.string, // placeholder text
+ placeholderIsMinWidth: _propTypes2.default.bool, // don't collapse size to less than the placeholder
+ style: _propTypes2.default.object, // css styles for the outer element
+ value: _propTypes2.default.any // field value
+};
+AutosizeInput.defaultProps = {
+ minWidth: 1,
+ injectStyles: true
+};
- if (!touch) {
- return;
- }
+exports.default = AutosizeInput;
- var deltaX = Math.abs(touch.clientX - _this.initialTouchX);
- var deltaY = Math.abs(touch.clientY - _this.initialTouchY);
- var moveThreshold = 5;
- _this.userIsDragging = deltaX > moveThreshold || deltaY > moveThreshold;
- };
+/***/ }),
+/* 179 */
+/*!****************************************!*\
+ !*** ./node_modules/react-is/index.js ***!
+ \****************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
- _this.onTouchEnd = function (event) {
- if (_this.userIsDragging) return; // close the menu if the user taps outside
- // we're checking on event.target here instead of event.currentTarget, because we want to assert information
- // on events on child elements, not the document (which we've attached this handler to).
+"use strict";
+/* WEBPACK VAR INJECTION */(function(process) {
- if (_this.controlRef && !_this.controlRef.contains(event.target) && _this.menuListRef && !_this.menuListRef.contains(event.target)) {
- _this.blurInput();
- } // reset move vars
+if (process.env.NODE_ENV === 'production') {
+ module.exports = __webpack_require__(/*! ./cjs/react-is.production.min.js */ 362);
+} else {
+ module.exports = __webpack_require__(/*! ./cjs/react-is.development.js */ 363);
+}
+/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(/*! ./../process/browser.js */ 6)))
- _this.initialTouchX = 0;
- _this.initialTouchY = 0;
- };
+/***/ }),
+/* 180 */
+/*!***********************************************************************!*\
+ !*** ./node_modules/react-select/dist/Select-e1cf49ae.browser.esm.js ***!
+ \***********************************************************************/
+/*! exports provided: S, a, c, d, m */
+/*! exports used: S */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
- _this.onControlTouchEnd = function (event) {
- if (_this.userIsDragging) return;
+"use strict";
+/* WEBPACK VAR INJECTION */(function(process) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Select; });
+/* unused harmony export a */
+/* unused harmony export c */
+/* unused harmony export d */
+/* unused harmony export m */
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_objectWithoutProperties__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutProperties */ 90);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ 91);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_slicedToArray__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ 366);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__babel_runtime_helpers_esm_toConsumableArray__ = __webpack_require__(/*! @babel/runtime/helpers/esm/toConsumableArray */ 370);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__babel_runtime_helpers_esm_defineProperty__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ 177);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__babel_runtime_helpers_esm_classCallCheck__ = __webpack_require__(/*! @babel/runtime/helpers/esm/classCallCheck */ 59);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__babel_runtime_helpers_esm_createClass__ = __webpack_require__(/*! @babel/runtime/helpers/esm/createClass */ 60);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__babel_runtime_helpers_esm_assertThisInitialized__ = __webpack_require__(/*! @babel/runtime/helpers/esm/assertThisInitialized */ 170);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__babel_runtime_helpers_esm_inherits__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inherits */ 61);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__babel_runtime_helpers_esm_possibleConstructorReturn__ = __webpack_require__(/*! @babel/runtime/helpers/esm/possibleConstructorReturn */ 62);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__babel_runtime_helpers_esm_getPrototypeOf__ = __webpack_require__(/*! @babel/runtime/helpers/esm/getPrototypeOf */ 63);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_react__ = __webpack_require__(/*! react */ 5);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_11_react__);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12_memoize_one__ = __webpack_require__(/*! memoize-one */ 171);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__emotion_core__ = __webpack_require__(/*! @emotion/core */ 87);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14_react_dom__ = __webpack_require__(/*! react-dom */ 33);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_14_react_dom__);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__ = __webpack_require__(/*! ./index-75b02bac.browser.esm.js */ 176);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_16__emotion_css__ = __webpack_require__(/*! @emotion/css */ 41);
- _this.onControlMouseDown(event);
- };
- _this.onClearIndicatorTouchEnd = function (event) {
- if (_this.userIsDragging) return;
- _this.onClearIndicatorMouseDown(event);
- };
- _this.onDropdownIndicatorTouchEnd = function (event) {
- if (_this.userIsDragging) return;
- _this.onDropdownIndicatorMouseDown(event);
- };
- _this.handleInputChange = function (event) {
- var inputValue = event.currentTarget.value;
- _this.inputIsHiddenAfterUpdate = false;
- _this.onInputChange(inputValue, {
- action: 'input-change'
- });
- _this.onMenuOpen();
- };
- _this.onInputFocus = function (event) {
- var _this$props5 = _this.props,
- isSearchable = _this$props5.isSearchable,
- isMulti = _this$props5.isMulti;
- if (_this.props.onFocus) {
- _this.props.onFocus(event);
- }
- _this.inputIsHiddenAfterUpdate = false;
- _this.announceAriaLiveContext({
- event: 'input',
- context: {
- isSearchable: isSearchable,
- isMulti: isMulti
- }
- });
- _this.setState({
- isFocused: true
- });
- if (_this.openAfterFocus || _this.props.openMenuOnFocus) {
- _this.openMenu('first');
- }
- _this.openAfterFocus = false;
- };
- _this.onInputBlur = function (event) {
- if (_this.menuListRef && _this.menuListRef.contains(document.activeElement)) {
- _this.inputRef.focus();
- return;
- }
- if (_this.props.onBlur) {
- _this.props.onBlur(event);
- }
+var diacritics = [{
+ base: 'A',
+ letters: "A\u24B6\uFF21\xC0\xC1\xC2\u1EA6\u1EA4\u1EAA\u1EA8\xC3\u0100\u0102\u1EB0\u1EAE\u1EB4\u1EB2\u0226\u01E0\xC4\u01DE\u1EA2\xC5\u01FA\u01CD\u0200\u0202\u1EA0\u1EAC\u1EB6\u1E00\u0104\u023A\u2C6F"
+}, {
+ base: 'AA',
+ letters: "\uA732"
+}, {
+ base: 'AE',
+ letters: "\xC6\u01FC\u01E2"
+}, {
+ base: 'AO',
+ letters: "\uA734"
+}, {
+ base: 'AU',
+ letters: "\uA736"
+}, {
+ base: 'AV',
+ letters: "\uA738\uA73A"
+}, {
+ base: 'AY',
+ letters: "\uA73C"
+}, {
+ base: 'B',
+ letters: "B\u24B7\uFF22\u1E02\u1E04\u1E06\u0243\u0182\u0181"
+}, {
+ base: 'C',
+ letters: "C\u24B8\uFF23\u0106\u0108\u010A\u010C\xC7\u1E08\u0187\u023B\uA73E"
+}, {
+ base: 'D',
+ letters: "D\u24B9\uFF24\u1E0A\u010E\u1E0C\u1E10\u1E12\u1E0E\u0110\u018B\u018A\u0189\uA779"
+}, {
+ base: 'DZ',
+ letters: "\u01F1\u01C4"
+}, {
+ base: 'Dz',
+ letters: "\u01F2\u01C5"
+}, {
+ base: 'E',
+ letters: "E\u24BA\uFF25\xC8\xC9\xCA\u1EC0\u1EBE\u1EC4\u1EC2\u1EBC\u0112\u1E14\u1E16\u0114\u0116\xCB\u1EBA\u011A\u0204\u0206\u1EB8\u1EC6\u0228\u1E1C\u0118\u1E18\u1E1A\u0190\u018E"
+}, {
+ base: 'F',
+ letters: "F\u24BB\uFF26\u1E1E\u0191\uA77B"
+}, {
+ base: 'G',
+ letters: "G\u24BC\uFF27\u01F4\u011C\u1E20\u011E\u0120\u01E6\u0122\u01E4\u0193\uA7A0\uA77D\uA77E"
+}, {
+ base: 'H',
+ letters: "H\u24BD\uFF28\u0124\u1E22\u1E26\u021E\u1E24\u1E28\u1E2A\u0126\u2C67\u2C75\uA78D"
+}, {
+ base: 'I',
+ letters: "I\u24BE\uFF29\xCC\xCD\xCE\u0128\u012A\u012C\u0130\xCF\u1E2E\u1EC8\u01CF\u0208\u020A\u1ECA\u012E\u1E2C\u0197"
+}, {
+ base: 'J',
+ letters: "J\u24BF\uFF2A\u0134\u0248"
+}, {
+ base: 'K',
+ letters: "K\u24C0\uFF2B\u1E30\u01E8\u1E32\u0136\u1E34\u0198\u2C69\uA740\uA742\uA744\uA7A2"
+}, {
+ base: 'L',
+ letters: "L\u24C1\uFF2C\u013F\u0139\u013D\u1E36\u1E38\u013B\u1E3C\u1E3A\u0141\u023D\u2C62\u2C60\uA748\uA746\uA780"
+}, {
+ base: 'LJ',
+ letters: "\u01C7"
+}, {
+ base: 'Lj',
+ letters: "\u01C8"
+}, {
+ base: 'M',
+ letters: "M\u24C2\uFF2D\u1E3E\u1E40\u1E42\u2C6E\u019C"
+}, {
+ base: 'N',
+ letters: "N\u24C3\uFF2E\u01F8\u0143\xD1\u1E44\u0147\u1E46\u0145\u1E4A\u1E48\u0220\u019D\uA790\uA7A4"
+}, {
+ base: 'NJ',
+ letters: "\u01CA"
+}, {
+ base: 'Nj',
+ letters: "\u01CB"
+}, {
+ base: 'O',
+ letters: "O\u24C4\uFF2F\xD2\xD3\xD4\u1ED2\u1ED0\u1ED6\u1ED4\xD5\u1E4C\u022C\u1E4E\u014C\u1E50\u1E52\u014E\u022E\u0230\xD6\u022A\u1ECE\u0150\u01D1\u020C\u020E\u01A0\u1EDC\u1EDA\u1EE0\u1EDE\u1EE2\u1ECC\u1ED8\u01EA\u01EC\xD8\u01FE\u0186\u019F\uA74A\uA74C"
+}, {
+ base: 'OI',
+ letters: "\u01A2"
+}, {
+ base: 'OO',
+ letters: "\uA74E"
+}, {
+ base: 'OU',
+ letters: "\u0222"
+}, {
+ base: 'P',
+ letters: "P\u24C5\uFF30\u1E54\u1E56\u01A4\u2C63\uA750\uA752\uA754"
+}, {
+ base: 'Q',
+ letters: "Q\u24C6\uFF31\uA756\uA758\u024A"
+}, {
+ base: 'R',
+ letters: "R\u24C7\uFF32\u0154\u1E58\u0158\u0210\u0212\u1E5A\u1E5C\u0156\u1E5E\u024C\u2C64\uA75A\uA7A6\uA782"
+}, {
+ base: 'S',
+ letters: "S\u24C8\uFF33\u1E9E\u015A\u1E64\u015C\u1E60\u0160\u1E66\u1E62\u1E68\u0218\u015E\u2C7E\uA7A8\uA784"
+}, {
+ base: 'T',
+ letters: "T\u24C9\uFF34\u1E6A\u0164\u1E6C\u021A\u0162\u1E70\u1E6E\u0166\u01AC\u01AE\u023E\uA786"
+}, {
+ base: 'TZ',
+ letters: "\uA728"
+}, {
+ base: 'U',
+ letters: "U\u24CA\uFF35\xD9\xDA\xDB\u0168\u1E78\u016A\u1E7A\u016C\xDC\u01DB\u01D7\u01D5\u01D9\u1EE6\u016E\u0170\u01D3\u0214\u0216\u01AF\u1EEA\u1EE8\u1EEE\u1EEC\u1EF0\u1EE4\u1E72\u0172\u1E76\u1E74\u0244"
+}, {
+ base: 'V',
+ letters: "V\u24CB\uFF36\u1E7C\u1E7E\u01B2\uA75E\u0245"
+}, {
+ base: 'VY',
+ letters: "\uA760"
+}, {
+ base: 'W',
+ letters: "W\u24CC\uFF37\u1E80\u1E82\u0174\u1E86\u1E84\u1E88\u2C72"
+}, {
+ base: 'X',
+ letters: "X\u24CD\uFF38\u1E8A\u1E8C"
+}, {
+ base: 'Y',
+ letters: "Y\u24CE\uFF39\u1EF2\xDD\u0176\u1EF8\u0232\u1E8E\u0178\u1EF6\u1EF4\u01B3\u024E\u1EFE"
+}, {
+ base: 'Z',
+ letters: "Z\u24CF\uFF3A\u0179\u1E90\u017B\u017D\u1E92\u1E94\u01B5\u0224\u2C7F\u2C6B\uA762"
+}, {
+ base: 'a',
+ letters: "a\u24D0\uFF41\u1E9A\xE0\xE1\xE2\u1EA7\u1EA5\u1EAB\u1EA9\xE3\u0101\u0103\u1EB1\u1EAF\u1EB5\u1EB3\u0227\u01E1\xE4\u01DF\u1EA3\xE5\u01FB\u01CE\u0201\u0203\u1EA1\u1EAD\u1EB7\u1E01\u0105\u2C65\u0250"
+}, {
+ base: 'aa',
+ letters: "\uA733"
+}, {
+ base: 'ae',
+ letters: "\xE6\u01FD\u01E3"
+}, {
+ base: 'ao',
+ letters: "\uA735"
+}, {
+ base: 'au',
+ letters: "\uA737"
+}, {
+ base: 'av',
+ letters: "\uA739\uA73B"
+}, {
+ base: 'ay',
+ letters: "\uA73D"
+}, {
+ base: 'b',
+ letters: "b\u24D1\uFF42\u1E03\u1E05\u1E07\u0180\u0183\u0253"
+}, {
+ base: 'c',
+ letters: "c\u24D2\uFF43\u0107\u0109\u010B\u010D\xE7\u1E09\u0188\u023C\uA73F\u2184"
+}, {
+ base: 'd',
+ letters: "d\u24D3\uFF44\u1E0B\u010F\u1E0D\u1E11\u1E13\u1E0F\u0111\u018C\u0256\u0257\uA77A"
+}, {
+ base: 'dz',
+ letters: "\u01F3\u01C6"
+}, {
+ base: 'e',
+ letters: "e\u24D4\uFF45\xE8\xE9\xEA\u1EC1\u1EBF\u1EC5\u1EC3\u1EBD\u0113\u1E15\u1E17\u0115\u0117\xEB\u1EBB\u011B\u0205\u0207\u1EB9\u1EC7\u0229\u1E1D\u0119\u1E19\u1E1B\u0247\u025B\u01DD"
+}, {
+ base: 'f',
+ letters: "f\u24D5\uFF46\u1E1F\u0192\uA77C"
+}, {
+ base: 'g',
+ letters: "g\u24D6\uFF47\u01F5\u011D\u1E21\u011F\u0121\u01E7\u0123\u01E5\u0260\uA7A1\u1D79\uA77F"
+}, {
+ base: 'h',
+ letters: "h\u24D7\uFF48\u0125\u1E23\u1E27\u021F\u1E25\u1E29\u1E2B\u1E96\u0127\u2C68\u2C76\u0265"
+}, {
+ base: 'hv',
+ letters: "\u0195"
+}, {
+ base: 'i',
+ letters: "i\u24D8\uFF49\xEC\xED\xEE\u0129\u012B\u012D\xEF\u1E2F\u1EC9\u01D0\u0209\u020B\u1ECB\u012F\u1E2D\u0268\u0131"
+}, {
+ base: 'j',
+ letters: "j\u24D9\uFF4A\u0135\u01F0\u0249"
+}, {
+ base: 'k',
+ letters: "k\u24DA\uFF4B\u1E31\u01E9\u1E33\u0137\u1E35\u0199\u2C6A\uA741\uA743\uA745\uA7A3"
+}, {
+ base: 'l',
+ letters: "l\u24DB\uFF4C\u0140\u013A\u013E\u1E37\u1E39\u013C\u1E3D\u1E3B\u017F\u0142\u019A\u026B\u2C61\uA749\uA781\uA747"
+}, {
+ base: 'lj',
+ letters: "\u01C9"
+}, {
+ base: 'm',
+ letters: "m\u24DC\uFF4D\u1E3F\u1E41\u1E43\u0271\u026F"
+}, {
+ base: 'n',
+ letters: "n\u24DD\uFF4E\u01F9\u0144\xF1\u1E45\u0148\u1E47\u0146\u1E4B\u1E49\u019E\u0272\u0149\uA791\uA7A5"
+}, {
+ base: 'nj',
+ letters: "\u01CC"
+}, {
+ base: 'o',
+ letters: "o\u24DE\uFF4F\xF2\xF3\xF4\u1ED3\u1ED1\u1ED7\u1ED5\xF5\u1E4D\u022D\u1E4F\u014D\u1E51\u1E53\u014F\u022F\u0231\xF6\u022B\u1ECF\u0151\u01D2\u020D\u020F\u01A1\u1EDD\u1EDB\u1EE1\u1EDF\u1EE3\u1ECD\u1ED9\u01EB\u01ED\xF8\u01FF\u0254\uA74B\uA74D\u0275"
+}, {
+ base: 'oi',
+ letters: "\u01A3"
+}, {
+ base: 'ou',
+ letters: "\u0223"
+}, {
+ base: 'oo',
+ letters: "\uA74F"
+}, {
+ base: 'p',
+ letters: "p\u24DF\uFF50\u1E55\u1E57\u01A5\u1D7D\uA751\uA753\uA755"
+}, {
+ base: 'q',
+ letters: "q\u24E0\uFF51\u024B\uA757\uA759"
+}, {
+ base: 'r',
+ letters: "r\u24E1\uFF52\u0155\u1E59\u0159\u0211\u0213\u1E5B\u1E5D\u0157\u1E5F\u024D\u027D\uA75B\uA7A7\uA783"
+}, {
+ base: 's',
+ letters: "s\u24E2\uFF53\xDF\u015B\u1E65\u015D\u1E61\u0161\u1E67\u1E63\u1E69\u0219\u015F\u023F\uA7A9\uA785\u1E9B"
+}, {
+ base: 't',
+ letters: "t\u24E3\uFF54\u1E6B\u1E97\u0165\u1E6D\u021B\u0163\u1E71\u1E6F\u0167\u01AD\u0288\u2C66\uA787"
+}, {
+ base: 'tz',
+ letters: "\uA729"
+}, {
+ base: 'u',
+ letters: "u\u24E4\uFF55\xF9\xFA\xFB\u0169\u1E79\u016B\u1E7B\u016D\xFC\u01DC\u01D8\u01D6\u01DA\u1EE7\u016F\u0171\u01D4\u0215\u0217\u01B0\u1EEB\u1EE9\u1EEF\u1EED\u1EF1\u1EE5\u1E73\u0173\u1E77\u1E75\u0289"
+}, {
+ base: 'v',
+ letters: "v\u24E5\uFF56\u1E7D\u1E7F\u028B\uA75F\u028C"
+}, {
+ base: 'vy',
+ letters: "\uA761"
+}, {
+ base: 'w',
+ letters: "w\u24E6\uFF57\u1E81\u1E83\u0175\u1E87\u1E85\u1E98\u1E89\u2C73"
+}, {
+ base: 'x',
+ letters: "x\u24E7\uFF58\u1E8B\u1E8D"
+}, {
+ base: 'y',
+ letters: "y\u24E8\uFF59\u1EF3\xFD\u0177\u1EF9\u0233\u1E8F\xFF\u1EF7\u1E99\u1EF5\u01B4\u024F\u1EFF"
+}, {
+ base: 'z',
+ letters: "z\u24E9\uFF5A\u017A\u1E91\u017C\u017E\u1E93\u1E95\u01B6\u0225\u0240\u2C6C\uA763"
+}];
+var anyDiacritic = new RegExp('[' + diacritics.map(function (d) {
+ return d.letters;
+}).join('') + ']', 'g');
+var diacriticToBase = {};
- _this.onInputChange('', {
- action: 'input-blur'
- });
+for (var i = 0; i < diacritics.length; i++) {
+ var diacritic = diacritics[i];
- _this.onMenuClose();
+ for (var j = 0; j < diacritic.letters.length; j++) {
+ diacriticToBase[diacritic.letters[j]] = diacritic.base;
+ }
+}
- _this.setState({
- focusedValue: null,
- isFocused: false
- });
- };
-
- _this.onOptionHover = function (focusedOption) {
- if (_this.blockOptionHover || _this.state.focusedOption === focusedOption) {
- return;
- }
+var stripDiacritics = function stripDiacritics(str) {
+ return str.replace(anyDiacritic, function (match) {
+ return diacriticToBase[match];
+ });
+};
- _this.setState({
- focusedOption: focusedOption
- });
- };
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
- _this.shouldHideSelectedOptions = function () {
- var _this$props6 = _this.props,
- hideSelectedOptions = _this$props6.hideSelectedOptions,
- isMulti = _this$props6.isMulti;
- if (hideSelectedOptions === undefined) return isMulti;
- return hideSelectedOptions;
- };
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { Object(__WEBPACK_IMPORTED_MODULE_4__babel_runtime_helpers_esm_defineProperty__["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
- _this.onKeyDown = function (event) {
- var _this$props7 = _this.props,
- isMulti = _this$props7.isMulti,
- backspaceRemovesValue = _this$props7.backspaceRemovesValue,
- escapeClearsValue = _this$props7.escapeClearsValue,
- inputValue = _this$props7.inputValue,
- isClearable = _this$props7.isClearable,
- isDisabled = _this$props7.isDisabled,
- menuIsOpen = _this$props7.menuIsOpen,
- onKeyDown = _this$props7.onKeyDown,
- tabSelectsValue = _this$props7.tabSelectsValue,
- openMenuOnFocus = _this$props7.openMenuOnFocus;
- var _this$state2 = _this.state,
- focusedOption = _this$state2.focusedOption,
- focusedValue = _this$state2.focusedValue,
- selectValue = _this$state2.selectValue;
- if (isDisabled) return;
+var trimString = function trimString(str) {
+ return str.replace(/^\s+|\s+$/g, '');
+};
- if (typeof onKeyDown === 'function') {
- onKeyDown(event);
+var defaultStringify = function defaultStringify(option) {
+ return "".concat(option.label, " ").concat(option.value);
+};
- if (event.defaultPrevented) {
- return;
- }
- } // Block option hover events when the user has just pressed a key
+var createFilter = function createFilter(config) {
+ return function (option, rawInput) {
+ var _ignoreCase$ignoreAcc = _objectSpread({
+ ignoreCase: true,
+ ignoreAccents: true,
+ stringify: defaultStringify,
+ trim: true,
+ matchFrom: 'any'
+ }, config),
+ ignoreCase = _ignoreCase$ignoreAcc.ignoreCase,
+ ignoreAccents = _ignoreCase$ignoreAcc.ignoreAccents,
+ stringify = _ignoreCase$ignoreAcc.stringify,
+ trim = _ignoreCase$ignoreAcc.trim,
+ matchFrom = _ignoreCase$ignoreAcc.matchFrom;
+ var input = trim ? trimString(rawInput) : rawInput;
+ var candidate = trim ? trimString(stringify(option)) : stringify(option);
- _this.blockOptionHover = true;
+ if (ignoreCase) {
+ input = input.toLowerCase();
+ candidate = candidate.toLowerCase();
+ }
- switch (event.key) {
- case 'ArrowLeft':
- if (!isMulti || inputValue) return;
+ if (ignoreAccents) {
+ input = stripDiacritics(input);
+ candidate = stripDiacritics(candidate);
+ }
- _this.focusValue('previous');
+ return matchFrom === 'start' ? candidate.substr(0, input.length) === input : candidate.indexOf(input) > -1;
+ };
+};
- break;
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
- case 'ArrowRight':
- if (!isMulti || inputValue) return;
+var _ref = process.env.NODE_ENV === "production" ? {
+ name: "1laao21-a11yText",
+ styles: "label:a11yText;z-index:9999;border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0;white-space:nowrap;"
+} : {
+ name: "1laao21-a11yText",
+ styles: "label:a11yText;z-index:9999;border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0;white-space:nowrap;",
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkExMXlUZXh0LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFJIiwiZmlsZSI6IkExMXlUZXh0LmpzIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQGZsb3dcbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHsgdHlwZSBFbGVtZW50Q29uZmlnIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsganN4IH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbi8vIEFzc2lzdGl2ZSB0ZXh0IHRvIGRlc2NyaWJlIHZpc3VhbCBlbGVtZW50cy4gSGlkZGVuIGZvciBzaWdodGVkIHVzZXJzLlxuY29uc3QgQTExeVRleHQgPSAocHJvcHM6IEVsZW1lbnRDb25maWc8J3NwYW4nPikgPT4gKFxuICA8c3BhblxuICAgIGNzcz17e1xuICAgICAgbGFiZWw6ICdhMTF5VGV4dCcsXG4gICAgICB6SW5kZXg6IDk5OTksXG4gICAgICBib3JkZXI6IDAsXG4gICAgICBjbGlwOiAncmVjdCgxcHgsIDFweCwgMXB4LCAxcHgpJyxcbiAgICAgIGhlaWdodDogMSxcbiAgICAgIHdpZHRoOiAxLFxuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgICBwYWRkaW5nOiAwLFxuICAgICAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBBMTF5VGV4dDtcbiJdfQ== */",
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
- _this.focusValue('next');
+var A11yText = function A11yText(props) {
+ return Object(__WEBPACK_IMPORTED_MODULE_13__emotion_core__["c" /* jsx */])("span", Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({
+ css: _ref
+ }, props));
+};
- break;
+function DummyInput(_ref) {
+ var inProp = _ref.in,
+ out = _ref.out,
+ onExited = _ref.onExited,
+ appear = _ref.appear,
+ enter = _ref.enter,
+ exit = _ref.exit,
+ innerRef = _ref.innerRef,
+ emotion = _ref.emotion,
+ props = Object(__WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_objectWithoutProperties__["a" /* default */])(_ref, ["in", "out", "onExited", "appear", "enter", "exit", "innerRef", "emotion"]);
- case 'Delete':
- case 'Backspace':
- if (inputValue) return;
+ return Object(__WEBPACK_IMPORTED_MODULE_13__emotion_core__["c" /* jsx */])("input", Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({
+ ref: innerRef
+ }, props, {
+ css: /*#__PURE__*/Object(__WEBPACK_IMPORTED_MODULE_16__emotion_css__["a" /* default */])({
+ label: 'dummyInput',
+ // get rid of any default styles
+ background: 0,
+ border: 0,
+ fontSize: 'inherit',
+ outline: 0,
+ padding: 0,
+ // important! without `width` browsers won't allow focus
+ width: 1,
+ // remove cursor on desktop
+ color: 'transparent',
+ // remove cursor on mobile whilst maintaining "scroll into view" behaviour
+ left: -100,
+ opacity: 0,
+ position: 'relative',
+ transform: 'scale(0)'
+ }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkR1bW15SW5wdXQuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJNIiwiZmlsZSI6IkR1bW15SW5wdXQuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBAZmxvd1xuLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyBqc3ggfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gRHVtbXlJbnB1dCh7XG4gIGluOiBpblByb3AsXG4gIG91dCxcbiAgb25FeGl0ZWQsXG4gIGFwcGVhcixcbiAgZW50ZXIsXG4gIGV4aXQsXG4gIGlubmVyUmVmLFxuICBlbW90aW9uLFxuICAuLi5wcm9wc1xufTogYW55KSB7XG4gIHJldHVybiAoXG4gICAgPGlucHV0XG4gICAgICByZWY9e2lubmVyUmVmfVxuICAgICAgey4uLnByb3BzfVxuICAgICAgY3NzPXt7XG4gICAgICAgIGxhYmVsOiAnZHVtbXlJbnB1dCcsXG4gICAgICAgIC8vIGdldCByaWQgb2YgYW55IGRlZmF1bHQgc3R5bGVzXG4gICAgICAgIGJhY2tncm91bmQ6IDAsXG4gICAgICAgIGJvcmRlcjogMCxcbiAgICAgICAgZm9udFNpemU6ICdpbmhlcml0JyxcbiAgICAgICAgb3V0bGluZTogMCxcbiAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgLy8gaW1wb3J0YW50ISB3aXRob3V0IGB3aWR0aGAgYnJvd3NlcnMgd29uJ3QgYWxsb3cgZm9jdXNcbiAgICAgICAgd2lkdGg6IDEsXG5cbiAgICAgICAgLy8gcmVtb3ZlIGN1cnNvciBvbiBkZXNrdG9wXG4gICAgICAgIGNvbG9yOiAndHJhbnNwYXJlbnQnLFxuXG4gICAgICAgIC8vIHJlbW92ZSBjdXJzb3Igb24gbW9iaWxlIHdoaWxzdCBtYWludGFpbmluZyBcInNjcm9sbCBpbnRvIHZpZXdcIiBiZWhhdmlvdXJcbiAgICAgICAgbGVmdDogLTEwMCxcbiAgICAgICAgb3BhY2l0eTogMCxcbiAgICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICAgIHRyYW5zZm9ybTogJ3NjYWxlKDApJyxcbiAgICAgIH19XG4gICAgLz5cbiAgKTtcbn1cbiJdfQ== */")
+ }));
+}
- if (focusedValue) {
- _this.removeValue(focusedValue);
- } else {
- if (!backspaceRemovesValue) return;
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = Object(__WEBPACK_IMPORTED_MODULE_10__babel_runtime_helpers_esm_getPrototypeOf__["a" /* default */])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = Object(__WEBPACK_IMPORTED_MODULE_10__babel_runtime_helpers_esm_getPrototypeOf__["a" /* default */])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return Object(__WEBPACK_IMPORTED_MODULE_9__babel_runtime_helpers_esm_possibleConstructorReturn__["a" /* default */])(this, result); }; }
- if (isMulti) {
- _this.popValue();
- } else if (isClearable) {
- _this.clearValue();
- }
- }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
- break;
+var NodeResolver = /*#__PURE__*/function (_Component) {
+ Object(__WEBPACK_IMPORTED_MODULE_8__babel_runtime_helpers_esm_inherits__["a" /* default */])(NodeResolver, _Component);
- case 'Tab':
- if (_this.isComposing) return;
+ var _super = _createSuper(NodeResolver);
- if (event.shiftKey || !menuIsOpen || !tabSelectsValue || !focusedOption || // don't capture the event if the menu opens on focus and the focused
- // option is already selected; it breaks the flow of navigation
- openMenuOnFocus && _this.isOptionSelected(focusedOption, selectValue)) {
- return;
- }
+ function NodeResolver() {
+ Object(__WEBPACK_IMPORTED_MODULE_5__babel_runtime_helpers_esm_classCallCheck__["a" /* default */])(this, NodeResolver);
- _this.selectOption(focusedOption);
+ return _super.apply(this, arguments);
+ }
- break;
+ Object(__WEBPACK_IMPORTED_MODULE_6__babel_runtime_helpers_esm_createClass__["a" /* default */])(NodeResolver, [{
+ key: "componentDidMount",
+ value: function componentDidMount() {
+ this.props.innerRef(Object(__WEBPACK_IMPORTED_MODULE_14_react_dom__["findDOMNode"])(this));
+ }
+ }, {
+ key: "componentWillUnmount",
+ value: function componentWillUnmount() {
+ this.props.innerRef(null);
+ }
+ }, {
+ key: "render",
+ value: function render() {
+ return this.props.children;
+ }
+ }]);
- case 'Enter':
- if (event.keyCode === 229) {
- // ignore the keydown event from an Input Method Editor(IME)
- // ref. https://www.w3.org/TR/uievents/#determine-keydown-keyup-keyCode
- break;
- }
+ return NodeResolver;
+}(__WEBPACK_IMPORTED_MODULE_11_react__["Component"]);
- if (menuIsOpen) {
- if (!focusedOption) return;
- if (_this.isComposing) return;
+var STYLE_KEYS = ['boxSizing', 'height', 'overflow', 'paddingRight', 'position'];
+var LOCK_STYLES = {
+ boxSizing: 'border-box',
+ // account for possible declaration `width: 100%;` on body
+ overflow: 'hidden',
+ position: 'relative',
+ height: '100%'
+};
- _this.selectOption(focusedOption);
+function preventTouchMove(e) {
+ e.preventDefault();
+}
+function allowTouchMove(e) {
+ e.stopPropagation();
+}
+function preventInertiaScroll() {
+ var top = this.scrollTop;
+ var totalScroll = this.scrollHeight;
+ var currentScroll = top + this.offsetHeight;
- break;
- }
+ if (top === 0) {
+ this.scrollTop = 1;
+ } else if (currentScroll === totalScroll) {
+ this.scrollTop = top - 1;
+ }
+} // `ontouchstart` check works on most browsers
+// `maxTouchPoints` works on IE10/11 and Surface
- return;
+function isTouchDevice() {
+ return 'ontouchstart' in window || navigator.maxTouchPoints;
+}
- case 'Escape':
- if (menuIsOpen) {
- _this.inputIsHiddenAfterUpdate = false;
+function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = Object(__WEBPACK_IMPORTED_MODULE_10__babel_runtime_helpers_esm_getPrototypeOf__["a" /* default */])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = Object(__WEBPACK_IMPORTED_MODULE_10__babel_runtime_helpers_esm_getPrototypeOf__["a" /* default */])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return Object(__WEBPACK_IMPORTED_MODULE_9__babel_runtime_helpers_esm_possibleConstructorReturn__["a" /* default */])(this, result); }; }
- _this.onInputChange('', {
- action: 'menu-close'
- });
+function _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+var canUseDOM = !!( window.document && window.document.createElement);
+var activeScrollLocks = 0;
- _this.onMenuClose();
- } else if (isClearable && escapeClearsValue) {
- _this.clearValue();
- }
+var ScrollLock = /*#__PURE__*/function (_Component) {
+ Object(__WEBPACK_IMPORTED_MODULE_8__babel_runtime_helpers_esm_inherits__["a" /* default */])(ScrollLock, _Component);
- break;
+ var _super = _createSuper$1(ScrollLock);
- case ' ':
- // space
- if (inputValue) {
- return;
- }
+ function ScrollLock() {
+ var _this;
- if (!menuIsOpen) {
- _this.openMenu('first');
+ Object(__WEBPACK_IMPORTED_MODULE_5__babel_runtime_helpers_esm_classCallCheck__["a" /* default */])(this, ScrollLock);
- break;
- }
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+ args[_key] = arguments[_key];
+ }
- if (!focusedOption) return;
+ _this = _super.call.apply(_super, [this].concat(args));
+ _this.originalStyles = {};
+ _this.listenerOptions = {
+ capture: false,
+ passive: false
+ };
+ return _this;
+ }
- _this.selectOption(focusedOption);
+ Object(__WEBPACK_IMPORTED_MODULE_6__babel_runtime_helpers_esm_createClass__["a" /* default */])(ScrollLock, [{
+ key: "componentDidMount",
+ value: function componentDidMount() {
+ var _this2 = this;
- break;
+ if (!canUseDOM) return;
+ var _this$props = this.props,
+ accountForScrollbars = _this$props.accountForScrollbars,
+ touchScrollTarget = _this$props.touchScrollTarget;
+ var target = document.body;
+ var targetStyle = target && target.style;
+
+ if (accountForScrollbars) {
+ // store any styles already applied to the body
+ STYLE_KEYS.forEach(function (key) {
+ var val = targetStyle && targetStyle[key];
+ _this2.originalStyles[key] = val;
+ });
+ } // apply the lock styles and padding if this is the first scroll lock
- case 'ArrowUp':
- if (menuIsOpen) {
- _this.focusOption('up');
- } else {
- _this.openMenu('last');
- }
- break;
+ if (accountForScrollbars && activeScrollLocks < 1) {
+ var currentPadding = parseInt(this.originalStyles.paddingRight, 10) || 0;
+ var clientWidth = document.body ? document.body.clientWidth : 0;
+ var adjustedPadding = window.innerWidth - clientWidth + currentPadding || 0;
+ Object.keys(LOCK_STYLES).forEach(function (key) {
+ var val = LOCK_STYLES[key];
- case 'ArrowDown':
- if (menuIsOpen) {
- _this.focusOption('down');
- } else {
- _this.openMenu('first');
+ if (targetStyle) {
+ targetStyle[key] = val;
}
+ });
- break;
-
- case 'PageUp':
- if (!menuIsOpen) return;
+ if (targetStyle) {
+ targetStyle.paddingRight = "".concat(adjustedPadding, "px");
+ }
+ } // account for touch devices
- _this.focusOption('pageup');
- break;
+ if (target && isTouchDevice()) {
+ // Mobile Safari ignores { overflow: hidden } declaration on the body.
+ target.addEventListener('touchmove', preventTouchMove, this.listenerOptions); // Allow scroll on provided target
- case 'PageDown':
- if (!menuIsOpen) return;
+ if (touchScrollTarget) {
+ touchScrollTarget.addEventListener('touchstart', preventInertiaScroll, this.listenerOptions);
+ touchScrollTarget.addEventListener('touchmove', allowTouchMove, this.listenerOptions);
+ }
+ } // increment active scroll locks
- _this.focusOption('pagedown');
- break;
+ activeScrollLocks += 1;
+ }
+ }, {
+ key: "componentWillUnmount",
+ value: function componentWillUnmount() {
+ var _this3 = this;
- case 'Home':
- if (!menuIsOpen) return;
+ if (!canUseDOM) return;
+ var _this$props2 = this.props,
+ accountForScrollbars = _this$props2.accountForScrollbars,
+ touchScrollTarget = _this$props2.touchScrollTarget;
+ var target = document.body;
+ var targetStyle = target && target.style; // safely decrement active scroll locks
- _this.focusOption('first');
+ activeScrollLocks = Math.max(activeScrollLocks - 1, 0); // reapply original body styles, if any
- break;
+ if (accountForScrollbars && activeScrollLocks < 1) {
+ STYLE_KEYS.forEach(function (key) {
+ var val = _this3.originalStyles[key];
- case 'End':
- if (!menuIsOpen) return;
+ if (targetStyle) {
+ targetStyle[key] = val;
+ }
+ });
+ } // remove touch listeners
- _this.focusOption('last');
- break;
+ if (target && isTouchDevice()) {
+ target.removeEventListener('touchmove', preventTouchMove, this.listenerOptions);
- default:
- return;
+ if (touchScrollTarget) {
+ touchScrollTarget.removeEventListener('touchstart', preventInertiaScroll, this.listenerOptions);
+ touchScrollTarget.removeEventListener('touchmove', allowTouchMove, this.listenerOptions);
+ }
}
+ }
+ }, {
+ key: "render",
+ value: function render() {
+ return null;
+ }
+ }]);
- event.preventDefault();
- };
+ return ScrollLock;
+}(__WEBPACK_IMPORTED_MODULE_11_react__["Component"]);
- _this.buildMenuOptions = function (props, selectValue) {
- var _props$inputValue = props.inputValue,
- inputValue = _props$inputValue === void 0 ? '' : _props$inputValue,
- options = props.options;
+ScrollLock.defaultProps = {
+ accountForScrollbars: true
+};
- var toOption = function toOption(option, id) {
- var isDisabled = _this.isOptionDisabled(option, selectValue);
+function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
- var isSelected = _this.isOptionSelected(option, selectValue);
+function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = Object(__WEBPACK_IMPORTED_MODULE_10__babel_runtime_helpers_esm_getPrototypeOf__["a" /* default */])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = Object(__WEBPACK_IMPORTED_MODULE_10__babel_runtime_helpers_esm_getPrototypeOf__["a" /* default */])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return Object(__WEBPACK_IMPORTED_MODULE_9__babel_runtime_helpers_esm_possibleConstructorReturn__["a" /* default */])(this, result); }; }
- var label = _this.getOptionLabel(option);
+function _isNativeReflectConstruct$2() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
- var value = _this.getOptionValue(option);
+var _ref$1 = process.env.NODE_ENV === "production" ? {
+ name: "1dsbpcp",
+ styles: "position:fixed;left:0;bottom:0;right:0;top:0;"
+} : {
+ name: "1dsbpcp",
+ styles: "position:fixed;left:0;bottom:0;right:0;top:0;",
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNjcm9sbEJsb2NrLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEVSIsImZpbGUiOiJTY3JvbGxCbG9jay5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8vIEBmbG93XG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7IFB1cmVDb21wb25lbnQsIHR5cGUgRWxlbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGpzeCB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuaW1wb3J0IE5vZGVSZXNvbHZlciBmcm9tICcuL05vZGVSZXNvbHZlcic7XG5pbXBvcnQgU2Nyb2xsTG9jayBmcm9tICcuL1Njcm9sbExvY2svaW5kZXgnO1xuXG50eXBlIFByb3BzID0ge1xuICBjaGlsZHJlbjogRWxlbWVudDwqPixcbiAgaXNFbmFibGVkOiBib29sZWFuLFxufTtcbnR5cGUgU3RhdGUgPSB7XG4gIHRvdWNoU2Nyb2xsVGFyZ2V0OiBIVE1MRWxlbWVudCB8IG51bGwsXG59O1xuXG4vLyBOT1RFOlxuLy8gV2Ugc2hvdWxkbid0IG5lZWQgdGhpcyBhZnRlciB1cGRhdGluZyB0byBSZWFjdCB2MTYuMy4wLCB3aGljaCBpbnRyb2R1Y2VzOlxuLy8gLSBjcmVhdGVSZWYoKSBodHRwczovL3JlYWN0anMub3JnL2RvY3MvcmVhY3QtYXBpLmh0bWwjcmVhY3RjcmVhdGVyZWZcbi8vIC0gZm9yd2FyZFJlZigpIGh0dHBzOi8vcmVhY3Rqcy5vcmcvZG9jcy9yZWFjdC1hcGkuaHRtbCNyZWFjdGZvcndhcmRyZWZcblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgU2Nyb2xsQmxvY2sgZXh0ZW5kcyBQdXJlQ29tcG9uZW50PFByb3BzLCBTdGF0ZT4ge1xuICBzdGF0ZSA9IHsgdG91Y2hTY3JvbGxUYXJnZXQ6IG51bGwgfTtcblxuICAvLyBtdXN0IGJlIGluIHN0YXRlIHRvIHRyaWdnZXIgYSByZS1yZW5kZXIsIG9ubHkgcnVucyBvbmNlIHBlciBpbnN0YW5jZVxuICBnZXRTY3JvbGxUYXJnZXQgPSAocmVmOiBIVE1MRWxlbWVudCkgPT4ge1xuICAgIGlmIChyZWYgPT09IHRoaXMuc3RhdGUudG91Y2hTY3JvbGxUYXJnZXQpIHJldHVybjtcbiAgICB0aGlzLnNldFN0YXRlKHsgdG91Y2hTY3JvbGxUYXJnZXQ6IHJlZiB9KTtcbiAgfTtcblxuICAvLyB0aGlzIHdpbGwgY2xvc2UgdGhlIG1lbnUgd2hlbiBhIHVzZXIgY2xpY2tzIG91dHNpZGVcbiAgYmx1clNlbGVjdElucHV0ID0gKCkgPT4ge1xuICAgIGlmIChkb2N1bWVudC5hY3RpdmVFbGVtZW50KSB7XG4gICAgICBkb2N1bWVudC5hY3RpdmVFbGVtZW50LmJsdXIoKTtcbiAgICB9XG4gIH07XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgY2hpbGRyZW4sIGlzRW5hYmxlZCB9ID0gdGhpcy5wcm9wcztcbiAgICBjb25zdCB7IHRvdWNoU2Nyb2xsVGFyZ2V0IH0gPSB0aGlzLnN0YXRlO1xuXG4gICAgLy8gYmFpbCBlYXJseSBpZiBub3QgZW5hYmxlZFxuICAgIGlmICghaXNFbmFibGVkKSByZXR1cm4gY2hpbGRyZW47XG5cbiAgICAvKlxuICAgICAqIERpdlxuICAgICAqIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAgICAqIGJsb2NrcyBzY3JvbGxpbmcgb24gbm9uLWJvZHkgZWxlbWVudHMgYmVoaW5kIHRoZSBtZW51XG5cbiAgICAgKiBOb2RlUmVzb2x2ZXJcbiAgICAgKiAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgICAgKiB3ZSBuZWVkIGEgcmVmZXJlbmNlIHRvIHRoZSBzY3JvbGxhYmxlIGVsZW1lbnQgdG8gXCJ1bmxvY2tcIiBzY3JvbGwgb25cbiAgICAgKiBtb2JpbGUgZGV2aWNlc1xuXG4gICAgICogU2Nyb2xsTG9ja1xuICAgICAqIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAgICAqIGFjdHVhbGx5IGRvZXMgdGhlIHNjcm9sbCBsb2NraW5nXG4gICAgICovXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXY+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBvbkNsaWNrPXt0aGlzLmJsdXJTZWxlY3RJbnB1dH1cbiAgICAgICAgICBjc3M9e3sgcG9zaXRpb246ICdmaXhlZCcsIGxlZnQ6IDAsIGJvdHRvbTogMCwgcmlnaHQ6IDAsIHRvcDogMCB9fVxuICAgICAgICAvPlxuICAgICAgICA8Tm9kZVJlc29sdmVyIGlubmVyUmVmPXt0aGlzLmdldFNjcm9sbFRhcmdldH0+e2NoaWxkcmVufTwvTm9kZVJlc29sdmVyPlxuICAgICAgICB7dG91Y2hTY3JvbGxUYXJnZXQgPyAoXG4gICAgICAgICAgPFNjcm9sbExvY2sgdG91Y2hTY3JvbGxUYXJnZXQ9e3RvdWNoU2Nyb2xsVGFyZ2V0fSAvPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cbiJdfQ== */",
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
+};
- if (_this.shouldHideSelectedOptions() && isSelected || !_this.filterOption({
- label: label,
- value: value,
- data: option
- }, inputValue)) {
- return;
- }
+// NOTE:
+// We shouldn't need this after updating to React v16.3.0, which introduces:
+// - createRef() https://reactjs.org/docs/react-api.html#reactcreateref
+// - forwardRef() https://reactjs.org/docs/react-api.html#reactforwardref
+var ScrollBlock = /*#__PURE__*/function (_PureComponent) {
+ Object(__WEBPACK_IMPORTED_MODULE_8__babel_runtime_helpers_esm_inherits__["a" /* default */])(ScrollBlock, _PureComponent);
- var onHover = isDisabled ? undefined : function () {
- return _this.onOptionHover(option);
- };
- var onSelect = isDisabled ? undefined : function () {
- return _this.selectOption(option);
- };
- var optionId = _this.getElementId('option') + "-" + id;
- return {
- innerProps: {
- id: optionId,
- onClick: onSelect,
- onMouseMove: onHover,
- onMouseOver: onHover,
- tabIndex: -1
- },
- data: option,
- isDisabled: isDisabled,
- isSelected: isSelected,
- key: optionId,
- label: label,
- type: 'option',
- value: value
- };
- };
+ var _super = _createSuper$2(ScrollBlock);
- return options.reduce(function (acc, item, itemIndex) {
- if (item.options) {
- // TODO needs a tidier implementation
- if (!_this.hasGroups) _this.hasGroups = true;
- var items = item.options;
- var children = items.map(function (child, i) {
- var option = toOption(child, itemIndex + "-" + i);
- if (option) acc.focusable.push(child);
- return option;
- }).filter(Boolean);
+ function ScrollBlock() {
+ var _this;
- if (children.length) {
- var groupId = _this.getElementId('group') + "-" + itemIndex;
- acc.render.push({
- type: 'group',
- key: groupId,
- data: item,
- options: children
- });
- }
- } else {
- var option = toOption(item, "" + itemIndex);
+ Object(__WEBPACK_IMPORTED_MODULE_5__babel_runtime_helpers_esm_classCallCheck__["a" /* default */])(this, ScrollBlock);
- if (option) {
- acc.render.push(option);
- acc.focusable.push(item);
- }
- }
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+ args[_key] = arguments[_key];
+ }
- return acc;
- }, {
- render: [],
- focusable: []
- });
+ _this = _super.call.apply(_super, [this].concat(args));
+ _this.state = {
+ touchScrollTarget: null
};
- var _value = _props.value;
- _this.cacheComponents = __WEBPACK_IMPORTED_MODULE_1_memoize_one__["a" /* default */](_this.cacheComponents, __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["y" /* x */]).bind(_assertThisInitialized(_assertThisInitialized(_this)));
-
- _this.cacheComponents(_props.components);
-
- _this.instancePrefix = 'react-select-' + (_this.props.instanceId || ++instanceId);
-
- var _selectValue = __WEBPACK_IMPORTED_MODULE_4__utils_06b0d5a4_browser_esm_js__["e"](_value);
+ _this.getScrollTarget = function (ref) {
+ if (ref === _this.state.touchScrollTarget) return;
- _this.buildMenuOptions = __WEBPACK_IMPORTED_MODULE_1_memoize_one__["a" /* default */](_this.buildMenuOptions, function (newArgs, lastArgs) {
- var _ref6 = newArgs,
- newProps = _ref6[0],
- newSelectValue = _ref6[1];
- var _ref7 = lastArgs,
- lastProps = _ref7[0],
- lastSelectValue = _ref7[1];
- return __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["y" /* x */](newSelectValue, lastSelectValue) && __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["y" /* x */](newProps.inputValue, lastProps.inputValue) && __WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["y" /* x */](newProps.options, lastProps.options);
- }).bind(_assertThisInitialized(_assertThisInitialized(_this)));
+ _this.setState({
+ touchScrollTarget: ref
+ });
+ };
- var _menuOptions = _props.menuIsOpen ? _this.buildMenuOptions(_props, _selectValue) : {
- render: [],
- focusable: []
+ _this.blurSelectInput = function () {
+ if (document.activeElement) {
+ document.activeElement.blur();
+ }
};
- _this.state.menuOptions = _menuOptions;
- _this.state.selectValue = _selectValue;
return _this;
}
- var _proto = Select.prototype;
-
- _proto.componentDidMount = function componentDidMount() {
- this.startListeningComposition();
- this.startListeningToTouch();
+ Object(__WEBPACK_IMPORTED_MODULE_6__babel_runtime_helpers_esm_createClass__["a" /* default */])(ScrollBlock, [{
+ key: "render",
+ value: function render() {
+ var _this$props = this.props,
+ children = _this$props.children,
+ isEnabled = _this$props.isEnabled;
+ var touchScrollTarget = this.state.touchScrollTarget; // bail early if not enabled
- if (this.props.closeMenuOnScroll && document && document.addEventListener) {
- // Listen to all scroll events, and filter them out inside of 'onScroll'
- document.addEventListener('scroll', this.onScroll, true);
- }
+ if (!isEnabled) return children;
+ /*
+ * Div
+ * ------------------------------
+ * blocks scrolling on non-body elements behind the menu
+ * NodeResolver
+ * ------------------------------
+ * we need a reference to the scrollable element to "unlock" scroll on
+ * mobile devices
+ * ScrollLock
+ * ------------------------------
+ * actually does the scroll locking
+ */
- if (this.props.autoFocus) {
- this.focusInput();
+ return Object(__WEBPACK_IMPORTED_MODULE_13__emotion_core__["c" /* jsx */])("div", null, Object(__WEBPACK_IMPORTED_MODULE_13__emotion_core__["c" /* jsx */])("div", {
+ onClick: this.blurSelectInput,
+ css: _ref$1
+ }), Object(__WEBPACK_IMPORTED_MODULE_13__emotion_core__["c" /* jsx */])(NodeResolver, {
+ innerRef: this.getScrollTarget
+ }, children), touchScrollTarget ? Object(__WEBPACK_IMPORTED_MODULE_13__emotion_core__["c" /* jsx */])(ScrollLock, {
+ touchScrollTarget: touchScrollTarget
+ }) : null);
}
- };
-
- _proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
- var _this$props8 = this.props,
- options = _this$props8.options,
- value = _this$props8.value,
- menuIsOpen = _this$props8.menuIsOpen,
- inputValue = _this$props8.inputValue; // re-cache custom components
+ }]);
- this.cacheComponents(nextProps.components); // rebuild the menu options
+ return ScrollBlock;
+}(__WEBPACK_IMPORTED_MODULE_11_react__["PureComponent"]);
- if (nextProps.value !== value || nextProps.options !== options || nextProps.menuIsOpen !== menuIsOpen || nextProps.inputValue !== inputValue) {
- var selectValue = __WEBPACK_IMPORTED_MODULE_4__utils_06b0d5a4_browser_esm_js__["e"](nextProps.value);
- var menuOptions = nextProps.menuIsOpen ? this.buildMenuOptions(nextProps, selectValue) : {
- render: [],
- focusable: []
- };
- var focusedValue = this.getNextFocusedValue(selectValue);
- var focusedOption = this.getNextFocusedOption(menuOptions.focusable);
- this.setState({
- menuOptions: menuOptions,
- selectValue: selectValue,
- focusedOption: focusedOption,
- focusedValue: focusedValue
- });
- } // some updates should toggle the state of the input visibility
+function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = Object(__WEBPACK_IMPORTED_MODULE_10__babel_runtime_helpers_esm_getPrototypeOf__["a" /* default */])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = Object(__WEBPACK_IMPORTED_MODULE_10__babel_runtime_helpers_esm_getPrototypeOf__["a" /* default */])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return Object(__WEBPACK_IMPORTED_MODULE_9__babel_runtime_helpers_esm_possibleConstructorReturn__["a" /* default */])(this, result); }; }
+function _isNativeReflectConstruct$3() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
- if (this.inputIsHiddenAfterUpdate != null) {
- this.setState({
- inputIsHidden: this.inputIsHiddenAfterUpdate
- });
- delete this.inputIsHiddenAfterUpdate;
- }
- };
+var ScrollCaptor = /*#__PURE__*/function (_Component) {
+ Object(__WEBPACK_IMPORTED_MODULE_8__babel_runtime_helpers_esm_inherits__["a" /* default */])(ScrollCaptor, _Component);
- _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
- var _this$props9 = this.props,
- isDisabled = _this$props9.isDisabled,
- menuIsOpen = _this$props9.menuIsOpen;
- var isFocused = this.state.isFocused;
+ var _super = _createSuper$3(ScrollCaptor);
- if ( // ensure focus is restored correctly when the control becomes enabled
- isFocused && !isDisabled && prevProps.isDisabled || // ensure focus is on the Input when the menu opens
- isFocused && menuIsOpen && !prevProps.menuIsOpen) {
- this.focusInput();
- } // scroll the focused option into view if necessary
+ function ScrollCaptor() {
+ var _this;
+ Object(__WEBPACK_IMPORTED_MODULE_5__babel_runtime_helpers_esm_classCallCheck__["a" /* default */])(this, ScrollCaptor);
- if (this.menuListRef && this.focusedOptionRef && this.scrollToFocusedOptionOnUpdate) {
- __WEBPACK_IMPORTED_MODULE_4__utils_06b0d5a4_browser_esm_js__["f"](this.menuListRef, this.focusedOptionRef);
- this.scrollToFocusedOptionOnUpdate = false;
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+ args[_key] = arguments[_key];
}
- };
- _proto.componentWillUnmount = function componentWillUnmount() {
- this.stopListeningComposition();
- this.stopListeningToTouch();
- document.removeEventListener('scroll', this.onScroll, true);
- };
+ _this = _super.call.apply(_super, [this].concat(args));
+ _this.isBottom = false;
+ _this.isTop = false;
+ _this.scrollTarget = void 0;
+ _this.touchStart = void 0;
- // ==============================
- // Consumer Handlers
- // ==============================
- _proto.onMenuOpen = function onMenuOpen() {
- this.props.onMenuOpen();
- };
+ _this.cancelScroll = function (event) {
+ event.preventDefault();
+ event.stopPropagation();
+ };
+
+ _this.handleEventDelta = function (event, delta) {
+ var _this$props = _this.props,
+ onBottomArrive = _this$props.onBottomArrive,
+ onBottomLeave = _this$props.onBottomLeave,
+ onTopArrive = _this$props.onTopArrive,
+ onTopLeave = _this$props.onTopLeave;
+ var _this$scrollTarget = _this.scrollTarget,
+ scrollTop = _this$scrollTarget.scrollTop,
+ scrollHeight = _this$scrollTarget.scrollHeight,
+ clientHeight = _this$scrollTarget.clientHeight;
+ var target = _this.scrollTarget;
+ var isDeltaPositive = delta > 0;
+ var availableScroll = scrollHeight - clientHeight - scrollTop;
+ var shouldCancelScroll = false; // reset bottom/top flags
- _proto.onMenuClose = function onMenuClose() {
- var _this$props10 = this.props,
- isSearchable = _this$props10.isSearchable,
- isMulti = _this$props10.isMulti;
- this.announceAriaLiveContext({
- event: 'input',
- context: {
- isSearchable: isSearchable,
- isMulti: isMulti
+ if (availableScroll > delta && _this.isBottom) {
+ if (onBottomLeave) onBottomLeave(event);
+ _this.isBottom = false;
}
- });
- this.onInputChange('', {
- action: 'menu-close'
- });
- this.props.onMenuClose();
- };
- _proto.onInputChange = function onInputChange(newValue, actionMeta) {
- this.props.onInputChange(newValue, actionMeta);
- } // ==============================
- // Methods
- // ==============================
- ;
+ if (isDeltaPositive && _this.isTop) {
+ if (onTopLeave) onTopLeave(event);
+ _this.isTop = false;
+ } // bottom limit
- _proto.focusInput = function focusInput() {
- if (!this.inputRef) return;
- this.inputRef.focus();
- };
- _proto.blurInput = function blurInput() {
- if (!this.inputRef) return;
- this.inputRef.blur();
- } // aliased for consumers
- ;
+ if (isDeltaPositive && delta > availableScroll) {
+ if (onBottomArrive && !_this.isBottom) {
+ onBottomArrive(event);
+ }
- _proto.openMenu = function openMenu(focusOption) {
- var _this2 = this;
+ target.scrollTop = scrollHeight;
+ shouldCancelScroll = true;
+ _this.isBottom = true; // top limit
+ } else if (!isDeltaPositive && -delta > scrollTop) {
+ if (onTopArrive && !_this.isTop) {
+ onTopArrive(event);
+ }
- var _this$state3 = this.state,
- selectValue = _this$state3.selectValue,
- isFocused = _this$state3.isFocused;
- var menuOptions = this.buildMenuOptions(this.props, selectValue);
- var isMulti = this.props.isMulti;
- var openAtIndex = focusOption === 'first' ? 0 : menuOptions.focusable.length - 1;
+ target.scrollTop = 0;
+ shouldCancelScroll = true;
+ _this.isTop = true;
+ } // cancel scroll
- if (!isMulti) {
- var selectedIndex = menuOptions.focusable.indexOf(selectValue[0]);
- if (selectedIndex > -1) {
- openAtIndex = selectedIndex;
+ if (shouldCancelScroll) {
+ _this.cancelScroll(event);
}
- } // only scroll if the menu isn't already open
+ };
+
+ _this.onWheel = function (event) {
+ _this.handleEventDelta(event, event.deltaY);
+ };
+ _this.onTouchStart = function (event) {
+ // set touch start so we can calculate touchmove delta
+ _this.touchStart = event.changedTouches[0].clientY;
+ };
- this.scrollToFocusedOptionOnUpdate = !(isFocused && this.menuListRef);
- this.inputIsHiddenAfterUpdate = false;
- this.setState({
- menuOptions: menuOptions,
- focusedValue: null,
- focusedOption: menuOptions.focusable[openAtIndex]
- }, function () {
- _this2.onMenuOpen();
+ _this.onTouchMove = function (event) {
+ var deltaY = _this.touchStart - event.changedTouches[0].clientY;
- _this2.announceAriaLiveContext({
- event: 'menu'
- });
- });
- };
+ _this.handleEventDelta(event, deltaY);
+ };
- _proto.focusValue = function focusValue(direction) {
- var _this$props11 = this.props,
- isMulti = _this$props11.isMulti,
- isSearchable = _this$props11.isSearchable;
- var _this$state4 = this.state,
- selectValue = _this$state4.selectValue,
- focusedValue = _this$state4.focusedValue; // Only multiselects support value focusing
+ _this.getScrollTarget = function (ref) {
+ _this.scrollTarget = ref;
+ };
- if (!isMulti) return;
- this.setState({
- focusedOption: null
- });
- var focusedIndex = selectValue.indexOf(focusedValue);
+ return _this;
+ }
- if (!focusedValue) {
- focusedIndex = -1;
- this.announceAriaLiveContext({
- event: 'value'
- });
+ Object(__WEBPACK_IMPORTED_MODULE_6__babel_runtime_helpers_esm_createClass__["a" /* default */])(ScrollCaptor, [{
+ key: "componentDidMount",
+ value: function componentDidMount() {
+ this.startListening(this.scrollTarget);
}
+ }, {
+ key: "componentWillUnmount",
+ value: function componentWillUnmount() {
+ this.stopListening(this.scrollTarget);
+ }
+ }, {
+ key: "startListening",
+ value: function startListening(el) {
+ // bail early if no element is available to attach to
+ if (!el) return; // all the if statements are to appease Flow ๐ข
- var lastIndex = selectValue.length - 1;
- var nextFocus = -1;
- if (!selectValue.length) return;
-
- switch (direction) {
- case 'previous':
- if (focusedIndex === 0) {
- // don't cycle from the start to the end
- nextFocus = 0;
- } else if (focusedIndex === -1) {
- // if nothing is focused, focus the last value first
- nextFocus = lastIndex;
- } else {
- nextFocus = focusedIndex - 1;
- }
+ if (typeof el.addEventListener === 'function') {
+ el.addEventListener('wheel', this.onWheel, false);
+ }
- break;
+ if (typeof el.addEventListener === 'function') {
+ el.addEventListener('touchstart', this.onTouchStart, false);
+ }
- case 'next':
- if (focusedIndex > -1 && focusedIndex < lastIndex) {
- nextFocus = focusedIndex + 1;
- }
-
- break;
+ if (typeof el.addEventListener === 'function') {
+ el.addEventListener('touchmove', this.onTouchMove, false);
+ }
}
+ }, {
+ key: "stopListening",
+ value: function stopListening(el) {
+ if (!el) return; // all the if statements are to appease Flow ๐ข
- if (nextFocus === -1) {
- this.announceAriaLiveContext({
- event: 'input',
- context: {
- isSearchable: isSearchable,
- isMulti: isMulti
- }
- });
- }
+ if (typeof el.removeEventListener === 'function') {
+ el.removeEventListener('wheel', this.onWheel, false);
+ }
- this.setState({
- inputIsHidden: nextFocus !== -1,
- focusedValue: selectValue[nextFocus]
- });
- };
+ if (typeof el.removeEventListener === 'function') {
+ el.removeEventListener('touchstart', this.onTouchStart, false);
+ }
- _proto.focusOption = function focusOption(direction) {
- if (direction === void 0) {
- direction = 'first';
+ if (typeof el.removeEventListener === 'function') {
+ el.removeEventListener('touchmove', this.onTouchMove, false);
+ }
}
+ }, {
+ key: "render",
+ value: function render() {
+ return /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement(NodeResolver, {
+ innerRef: this.getScrollTarget
+ }, this.props.children);
+ }
+ }]);
- var pageSize = this.props.pageSize;
- var _this$state5 = this.state,
- focusedOption = _this$state5.focusedOption,
- menuOptions = _this$state5.menuOptions;
- var options = menuOptions.focusable;
- if (!options.length) return;
- var nextFocus = 0; // handles 'first'
+ return ScrollCaptor;
+}(__WEBPACK_IMPORTED_MODULE_11_react__["Component"]);
- var focusedIndex = options.indexOf(focusedOption);
+function ScrollCaptorSwitch(_ref) {
+ var _ref$isEnabled = _ref.isEnabled,
+ isEnabled = _ref$isEnabled === void 0 ? true : _ref$isEnabled,
+ props = Object(__WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_objectWithoutProperties__["a" /* default */])(_ref, ["isEnabled"]);
- if (!focusedOption) {
- focusedIndex = -1;
- this.announceAriaLiveContext({
- event: 'menu'
- });
- }
+ return isEnabled ? /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement(ScrollCaptor, props) : props.children;
+}
- if (direction === 'up') {
- nextFocus = focusedIndex > 0 ? focusedIndex - 1 : options.length - 1;
- } else if (direction === 'down') {
- nextFocus = (focusedIndex + 1) % options.length;
- } else if (direction === 'pageup') {
- nextFocus = focusedIndex - pageSize;
- if (nextFocus < 0) nextFocus = 0;
- } else if (direction === 'pagedown') {
- nextFocus = focusedIndex + pageSize;
- if (nextFocus > options.length - 1) nextFocus = options.length - 1;
- } else if (direction === 'last') {
- nextFocus = options.length - 1;
- }
+var instructionsAriaMessage = function instructionsAriaMessage(event) {
+ var context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+ var isSearchable = context.isSearchable,
+ isMulti = context.isMulti,
+ label = context.label,
+ isDisabled = context.isDisabled,
+ tabSelectsValue = context.tabSelectsValue;
- this.scrollToFocusedOptionOnUpdate = true;
- this.setState({
- focusedOption: options[nextFocus],
- focusedValue: null
- });
- this.announceAriaLiveContext({
- event: 'menu',
- context: {
- isDisabled: isOptionDisabled(options[nextFocus])
- }
- });
- };
+ switch (event) {
+ case 'menu':
+ return "Use Up and Down to choose options".concat(isDisabled ? '' : ', press Enter to select the currently focused option', ", press Escape to exit the menu").concat(tabSelectsValue ? ', press Tab to select the option and exit the menu' : '', ".");
- // ==============================
- // Getters
- // ==============================
- _proto.getTheme = function getTheme() {
- // Use the default theme if there are no customizations.
- if (!this.props.theme) {
- return defaultTheme;
- } // If the theme prop is a function, assume the function
- // knows how to merge the passed-in default theme with
- // its own modifications.
+ case 'input':
+ return "".concat(label ? label : 'Select', " is focused ").concat(isSearchable ? ',type to refine list' : '', ", press Down to open the menu, ").concat(isMulti ? ' press left to focus selected values' : '');
+ case 'value':
+ return 'Use left and right to toggle between focused values, press Backspace to remove the currently focused value';
+ }
+};
+var valueEventAriaMessage = function valueEventAriaMessage(event, context) {
+ var value = context.value,
+ isDisabled = context.isDisabled;
+ if (!value) return;
- if (typeof this.props.theme === 'function') {
- return this.props.theme(defaultTheme);
- } // Otherwise, if a plain theme object was passed in,
- // overlay it with the default theme.
+ switch (event) {
+ case 'deselect-option':
+ case 'pop-value':
+ case 'remove-value':
+ return "option ".concat(value, ", deselected.");
+ case 'select-option':
+ return isDisabled ? "option ".concat(value, " is disabled. Select another option.") : "option ".concat(value, ", selected.");
+ }
+};
+var valueFocusAriaMessage = function valueFocusAriaMessage(_ref) {
+ var focusedValue = _ref.focusedValue,
+ getOptionLabel = _ref.getOptionLabel,
+ selectValue = _ref.selectValue;
+ return "value ".concat(getOptionLabel(focusedValue), " focused, ").concat(selectValue.indexOf(focusedValue) + 1, " of ").concat(selectValue.length, ".");
+};
+var optionFocusAriaMessage = function optionFocusAriaMessage(_ref2) {
+ var focusedOption = _ref2.focusedOption,
+ getOptionLabel = _ref2.getOptionLabel,
+ options = _ref2.options;
+ return "option ".concat(getOptionLabel(focusedOption), " focused").concat(focusedOption.isDisabled ? ' disabled' : '', ", ").concat(options.indexOf(focusedOption) + 1, " of ").concat(options.length, ".");
+};
+var resultsAriaMessage = function resultsAriaMessage(_ref3) {
+ var inputValue = _ref3.inputValue,
+ screenReaderMessage = _ref3.screenReaderMessage;
+ return "".concat(screenReaderMessage).concat(inputValue ? ' for search term ' + inputValue : '', ".");
+};
- return _extends$4({}, defaultTheme, this.props.theme);
- };
+var formatGroupLabel = function formatGroupLabel(group) {
+ return group.label;
+};
+var getOptionLabel = function getOptionLabel(option) {
+ return option.label;
+};
+var getOptionValue = function getOptionValue(option) {
+ return option.value;
+};
+var isOptionDisabled = function isOptionDisabled(option) {
+ return !!option.isDisabled;
+};
- _proto.getCommonProps = function getCommonProps() {
- var clearValue = this.clearValue,
- getStyles = this.getStyles,
- setValue = this.setValue,
- selectOption = this.selectOption,
- props = this.props;
- var classNamePrefix = props.classNamePrefix,
- isMulti = props.isMulti,
- isRtl = props.isRtl,
- options = props.options;
- var selectValue = this.state.selectValue;
- var hasValue = this.hasValue();
-
- var getValue = function getValue() {
- return selectValue;
- };
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
- var cx = __WEBPACK_IMPORTED_MODULE_4__utils_06b0d5a4_browser_esm_js__["h"].bind(null, classNamePrefix);
- return {
- cx: cx,
- clearValue: clearValue,
- getStyles: getStyles,
- getValue: getValue,
- hasValue: hasValue,
- isMulti: isMulti,
- isRtl: isRtl,
- options: options,
- selectOption: selectOption,
- setValue: setValue,
- selectProps: props,
- theme: this.getTheme()
- };
- };
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { Object(__WEBPACK_IMPORTED_MODULE_4__babel_runtime_helpers_esm_defineProperty__["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var defaultStyles = {
+ clearIndicator: __WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["i" /* c */],
+ container: __WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["g" /* a */],
+ control: __WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["h" /* b */],
+ dropdownIndicator: __WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["j" /* d */],
+ group: __WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["m" /* g */],
+ groupHeading: __WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["k" /* e */],
+ indicatorsContainer: __WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["o" /* i */],
+ indicatorSeparator: __WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["l" /* f */],
+ input: __WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["n" /* h */],
+ loadingIndicator: __WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["r" /* l */],
+ loadingMessage: __WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["p" /* j */],
+ menu: __WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["s" /* m */],
+ menuList: __WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["q" /* k */],
+ menuPortal: __WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["t" /* n */],
+ multiValue: __WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["u" /* o */],
+ multiValueLabel: __WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["v" /* p */],
+ multiValueRemove: __WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["w" /* q */],
+ noOptionsMessage: __WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["x" /* r */],
+ option: __WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["y" /* s */],
+ placeholder: __WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["z" /* t */],
+ singleValue: __WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["A" /* u */],
+ valueContainer: __WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["B" /* v */]
+}; // Merge Utility
+// Allows consumers to extend a base Select with additional styles
- _proto.getNextFocusedValue = function getNextFocusedValue(nextSelectValue) {
- if (this.clearFocusValueOnUpdate) {
- this.clearFocusValueOnUpdate = false;
- return null;
- }
+function mergeStyles(source) {
+ var target = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
- var _this$state6 = this.state,
- focusedValue = _this$state6.focusedValue,
- lastSelectValue = _this$state6.selectValue;
- var lastFocusedIndex = lastSelectValue.indexOf(focusedValue);
+ // initialize with source styles
+ var styles = _objectSpread$1({}, source); // massage in target styles
- if (lastFocusedIndex > -1) {
- var nextFocusedIndex = nextSelectValue.indexOf(focusedValue);
- if (nextFocusedIndex > -1) {
- // the focused value is still in the selectValue, return it
- return focusedValue;
- } else if (lastFocusedIndex < nextSelectValue.length) {
- // the focusedValue is not present in the next selectValue array by
- // reference, so return the new value at the same index
- return nextSelectValue[lastFocusedIndex];
- }
+ Object.keys(target).forEach(function (key) {
+ if (source[key]) {
+ styles[key] = function (rsCss, props) {
+ return target[key](source[key](rsCss, props), props);
+ };
+ } else {
+ styles[key] = target[key];
}
+ });
+ return styles;
+}
- return null;
- };
-
- _proto.getNextFocusedOption = function getNextFocusedOption(options) {
- var lastFocusedOption = this.state.focusedOption;
- return lastFocusedOption && options.indexOf(lastFocusedOption) > -1 ? lastFocusedOption : options[0];
- };
+var colors = {
+ primary: '#2684FF',
+ primary75: '#4C9AFF',
+ primary50: '#B2D4FF',
+ primary25: '#DEEBFF',
+ danger: '#DE350B',
+ dangerLight: '#FFBDAD',
+ neutral0: 'hsl(0, 0%, 100%)',
+ neutral5: 'hsl(0, 0%, 95%)',
+ neutral10: 'hsl(0, 0%, 90%)',
+ neutral20: 'hsl(0, 0%, 80%)',
+ neutral30: 'hsl(0, 0%, 70%)',
+ neutral40: 'hsl(0, 0%, 60%)',
+ neutral50: 'hsl(0, 0%, 50%)',
+ neutral60: 'hsl(0, 0%, 40%)',
+ neutral70: 'hsl(0, 0%, 30%)',
+ neutral80: 'hsl(0, 0%, 20%)',
+ neutral90: 'hsl(0, 0%, 10%)'
+};
+var borderRadius = 4; // Used to calculate consistent margin/padding on elements
- _proto.hasValue = function hasValue() {
- var selectValue = this.state.selectValue;
- return selectValue.length > 0;
- };
+var baseUnit = 4; // The minimum height of the control
- _proto.hasOptions = function hasOptions() {
- return !!this.state.menuOptions.render.length;
- };
+var controlHeight = 38; // The amount of space between the control and menu */
- _proto.countOptions = function countOptions() {
- return this.state.menuOptions.focusable.length;
- };
+var menuGutter = baseUnit * 2;
+var spacing = {
+ baseUnit: baseUnit,
+ controlHeight: controlHeight,
+ menuGutter: menuGutter
+};
+var defaultTheme = {
+ borderRadius: borderRadius,
+ colors: colors,
+ spacing: spacing
+};
- _proto.isClearable = function isClearable() {
- var _this$props12 = this.props,
- isClearable = _this$props12.isClearable,
- isMulti = _this$props12.isMulti; // single select, by default, IS NOT clearable
- // multi select, by default, IS clearable
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
- if (isClearable === undefined) return isMulti;
- return isClearable;
- };
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2(Object(source), true).forEach(function (key) { Object(__WEBPACK_IMPORTED_MODULE_4__babel_runtime_helpers_esm_defineProperty__["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
- _proto.isOptionDisabled = function isOptionDisabled(option, selectValue) {
- return typeof this.props.isOptionDisabled === 'function' ? this.props.isOptionDisabled(option, selectValue) : false;
- };
+function _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); return function _createSuperInternal() { var Super = Object(__WEBPACK_IMPORTED_MODULE_10__babel_runtime_helpers_esm_getPrototypeOf__["a" /* default */])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = Object(__WEBPACK_IMPORTED_MODULE_10__babel_runtime_helpers_esm_getPrototypeOf__["a" /* default */])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return Object(__WEBPACK_IMPORTED_MODULE_9__babel_runtime_helpers_esm_possibleConstructorReturn__["a" /* default */])(this, result); }; }
- _proto.isOptionSelected = function isOptionSelected(option, selectValue) {
- var _this3 = this;
+function _isNativeReflectConstruct$4() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+var defaultProps = {
+ backspaceRemovesValue: true,
+ blurInputOnSelect: Object(__WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["C" /* w */])(),
+ captureMenuScroll: !Object(__WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["C" /* w */])(),
+ closeMenuOnSelect: true,
+ closeMenuOnScroll: false,
+ components: {},
+ controlShouldRenderValue: true,
+ escapeClearsValue: false,
+ filterOption: createFilter(),
+ formatGroupLabel: formatGroupLabel,
+ getOptionLabel: getOptionLabel,
+ getOptionValue: getOptionValue,
+ isDisabled: false,
+ isLoading: false,
+ isMulti: false,
+ isRtl: false,
+ isSearchable: true,
+ isOptionDisabled: isOptionDisabled,
+ loadingMessage: function loadingMessage() {
+ return 'Loading...';
+ },
+ maxMenuHeight: 300,
+ minMenuHeight: 140,
+ menuIsOpen: false,
+ menuPlacement: 'bottom',
+ menuPosition: 'absolute',
+ menuShouldBlockScroll: false,
+ menuShouldScrollIntoView: !Object(__WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["D" /* x */])(),
+ noOptionsMessage: function noOptionsMessage() {
+ return 'No options';
+ },
+ openMenuOnFocus: false,
+ openMenuOnClick: true,
+ options: [],
+ pageSize: 5,
+ placeholder: 'Select...',
+ screenReaderStatus: function screenReaderStatus(_ref) {
+ var count = _ref.count;
+ return "".concat(count, " result").concat(count !== 1 ? 's' : '', " available");
+ },
+ styles: {},
+ tabIndex: '0',
+ tabSelectsValue: true
+};
+var instanceId = 1;
- if (selectValue.indexOf(option) > -1) return true;
+var Select = /*#__PURE__*/function (_Component) {
+ Object(__WEBPACK_IMPORTED_MODULE_8__babel_runtime_helpers_esm_inherits__["a" /* default */])(Select, _Component);
- if (typeof this.props.isOptionSelected === 'function') {
- return this.props.isOptionSelected(option, selectValue);
- }
+ var _super = _createSuper$4(Select);
- var candidate = this.getOptionValue(option);
- return selectValue.some(function (i) {
- return _this3.getOptionValue(i) === candidate;
- });
- };
+ // Misc. Instance Properties
+ // ------------------------------
+ // TODO
+ // Refs
+ // ------------------------------
+ // Lifecycle
+ // ------------------------------
+ function Select(_props) {
+ var _this;
- _proto.filterOption = function filterOption(option, inputValue) {
- return this.props.filterOption ? this.props.filterOption(option, inputValue) : true;
- };
+ Object(__WEBPACK_IMPORTED_MODULE_5__babel_runtime_helpers_esm_classCallCheck__["a" /* default */])(this, Select);
- _proto.formatOptionLabel = function formatOptionLabel(data, context) {
- if (typeof this.props.formatOptionLabel === 'function') {
- var inputValue = this.props.inputValue;
- var selectValue = this.state.selectValue;
- return this.props.formatOptionLabel(data, {
- context: context,
- inputValue: inputValue,
- selectValue: selectValue
- });
- } else {
- return this.getOptionLabel(data);
- }
- };
+ _this = _super.call(this, _props);
+ _this.state = {
+ ariaLiveSelection: '',
+ ariaLiveContext: '',
+ focusedOption: null,
+ focusedValue: null,
+ inputIsHidden: false,
+ isFocused: false,
+ menuOptions: {
+ render: [],
+ focusable: []
+ },
+ selectValue: []
+ };
+ _this.blockOptionHover = false;
+ _this.isComposing = false;
+ _this.clearFocusValueOnUpdate = false;
+ _this.commonProps = void 0;
+ _this.components = void 0;
+ _this.hasGroups = false;
+ _this.initialTouchX = 0;
+ _this.initialTouchY = 0;
+ _this.inputIsHiddenAfterUpdate = void 0;
+ _this.instancePrefix = '';
+ _this.openAfterFocus = false;
+ _this.scrollToFocusedOptionOnUpdate = false;
+ _this.userIsDragging = void 0;
+ _this.controlRef = null;
- _proto.formatGroupLabel = function formatGroupLabel(data) {
- return this.props.formatGroupLabel(data);
- } // ==============================
- // Mouse Handlers
- // ==============================
- ;
+ _this.getControlRef = function (ref) {
+ _this.controlRef = ref;
+ };
- // ==============================
- // Composition Handlers
- // ==============================
- _proto.startListeningComposition = function startListeningComposition() {
- if (document && document.addEventListener) {
- document.addEventListener('compositionstart', this.onCompositionStart, false);
- document.addEventListener('compositionend', this.onCompositionEnd, false);
- }
- };
+ _this.focusedOptionRef = null;
- _proto.stopListeningComposition = function stopListeningComposition() {
- if (document && document.removeEventListener) {
- document.removeEventListener('compositionstart', this.onCompositionStart);
- document.removeEventListener('compositionend', this.onCompositionEnd);
- }
- };
+ _this.getFocusedOptionRef = function (ref) {
+ _this.focusedOptionRef = ref;
+ };
- // ==============================
- // Touch Handlers
- // ==============================
- _proto.startListeningToTouch = function startListeningToTouch() {
- if (document && document.addEventListener) {
- document.addEventListener('touchstart', this.onTouchStart, false);
- document.addEventListener('touchmove', this.onTouchMove, false);
- document.addEventListener('touchend', this.onTouchEnd, false);
- }
- };
+ _this.menuListRef = null;
- _proto.stopListeningToTouch = function stopListeningToTouch() {
- if (document && document.removeEventListener) {
- document.removeEventListener('touchstart', this.onTouchStart);
- document.removeEventListener('touchmove', this.onTouchMove);
- document.removeEventListener('touchend', this.onTouchEnd);
- }
- };
+ _this.getMenuListRef = function (ref) {
+ _this.menuListRef = ref;
+ };
- // ==============================
- // Renderers
- // ==============================
- _proto.constructAriaLiveMessage = function constructAriaLiveMessage() {
- var _this$state7 = this.state,
- ariaLiveContext = _this$state7.ariaLiveContext,
- selectValue = _this$state7.selectValue,
- focusedValue = _this$state7.focusedValue,
- focusedOption = _this$state7.focusedOption;
- var _this$props13 = this.props,
- options = _this$props13.options,
- menuIsOpen = _this$props13.menuIsOpen,
- inputValue = _this$props13.inputValue,
- screenReaderStatus = _this$props13.screenReaderStatus; // An aria live message representing the currently focused value in the select.
-
- var focusedValueMsg = focusedValue ? valueFocusAriaMessage({
- focusedValue: focusedValue,
- getOptionLabel: this.getOptionLabel,
- selectValue: selectValue
- }) : ''; // An aria live message representing the currently focused option in the select.
-
- var focusedOptionMsg = focusedOption && menuIsOpen ? optionFocusAriaMessage({
- focusedOption: focusedOption,
- getOptionLabel: this.getOptionLabel,
- options: options
- }) : ''; // An aria live message representing the set of focusable results and current searchterm/inputvalue.
-
- var resultsMsg = resultsAriaMessage({
- inputValue: inputValue,
- screenReaderMessage: screenReaderStatus({
- count: this.countOptions()
- })
- });
- return focusedValueMsg + " " + focusedOptionMsg + " " + resultsMsg + " " + ariaLiveContext;
- };
+ _this.inputRef = null;
- _proto.renderInput = function renderInput() {
- var _this$props14 = this.props,
- isDisabled = _this$props14.isDisabled,
- isSearchable = _this$props14.isSearchable,
- inputId = _this$props14.inputId,
- inputValue = _this$props14.inputValue,
- tabIndex = _this$props14.tabIndex;
- var Input = this.components.Input;
- var inputIsHidden = this.state.inputIsHidden;
- var id = inputId || this.getElementId('input'); // aria attributes makes the JSX "noisy", separated for clarity
-
- var ariaAttributes = {
- 'aria-autocomplete': 'list',
- 'aria-label': this.props['aria-label'],
- 'aria-labelledby': this.props['aria-labelledby']
+ _this.getInputRef = function (ref) {
+ _this.inputRef = ref;
};
- if (!isSearchable) {
- // use a dummy input to maintain focus/blur functionality
- return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(DummyInput, _extends$4({
- id: id,
- innerRef: this.getInputRef,
- onBlur: this.onInputBlur,
- onChange: __WEBPACK_IMPORTED_MODULE_4__utils_06b0d5a4_browser_esm_js__["k" /* n */],
- onFocus: this.onInputFocus,
- readOnly: true,
- disabled: isDisabled,
- tabIndex: tabIndex,
- value: ""
- }, ariaAttributes));
- }
+ _this.cacheComponents = function (components) {
+ _this.components = Object(__WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["E" /* y */])({
+ components: components
+ });
+ };
- var _this$commonProps = this.commonProps,
- cx = _this$commonProps.cx,
- theme = _this$commonProps.theme,
- selectProps = _this$commonProps.selectProps;
- return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(Input, _extends$4({
- autoCapitalize: "none",
- autoComplete: "off",
- autoCorrect: "off",
- cx: cx,
- getStyles: this.getStyles,
- id: id,
- innerRef: this.getInputRef,
- isDisabled: isDisabled,
- isHidden: inputIsHidden,
- onBlur: this.onInputBlur,
- onChange: this.handleInputChange,
- onFocus: this.onInputFocus,
- selectProps: selectProps,
- spellCheck: "false",
- tabIndex: tabIndex,
- theme: theme,
- type: "text",
- value: inputValue
- }, ariaAttributes));
- };
+ _this.focus = _this.focusInput;
+ _this.blur = _this.blurInput;
- _proto.renderPlaceholderOrValue = function renderPlaceholderOrValue() {
- var _this4 = this;
+ _this.onChange = function (newValue, actionMeta) {
+ var _this$props = _this.props,
+ onChange = _this$props.onChange,
+ name = _this$props.name;
+ onChange(newValue, _objectSpread$2(_objectSpread$2({}, actionMeta), {}, {
+ name: name
+ }));
+ };
- var _this$components = this.components,
- MultiValue = _this$components.MultiValue,
- MultiValueContainer = _this$components.MultiValueContainer,
- MultiValueLabel = _this$components.MultiValueLabel,
- MultiValueRemove = _this$components.MultiValueRemove,
- SingleValue = _this$components.SingleValue,
- Placeholder = _this$components.Placeholder;
- var commonProps = this.commonProps;
- var _this$props15 = this.props,
- controlShouldRenderValue = _this$props15.controlShouldRenderValue,
- isDisabled = _this$props15.isDisabled,
- isMulti = _this$props15.isMulti,
- inputValue = _this$props15.inputValue,
- placeholder = _this$props15.placeholder;
- var _this$state8 = this.state,
- selectValue = _this$state8.selectValue,
- focusedValue = _this$state8.focusedValue,
- isFocused = _this$state8.isFocused;
-
- if (!this.hasValue() || !controlShouldRenderValue) {
- return inputValue ? null : __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(Placeholder, _extends$4({}, commonProps, {
- key: "placeholder",
- isDisabled: isDisabled,
- isFocused: isFocused
- }), placeholder);
- }
+ _this.setValue = function (newValue) {
+ var action = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'set-value';
+ var option = arguments.length > 2 ? arguments[2] : undefined;
+ var _this$props2 = _this.props,
+ closeMenuOnSelect = _this$props2.closeMenuOnSelect,
+ isMulti = _this$props2.isMulti;
- if (isMulti) {
- var selectValues = selectValue.map(function (opt, index) {
- var isOptionFocused = opt === focusedValue;
- return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(MultiValue, _extends$4({}, commonProps, {
- components: {
- Container: MultiValueContainer,
- Label: MultiValueLabel,
- Remove: MultiValueRemove
- },
- isFocused: isOptionFocused,
- isDisabled: isDisabled,
- key: _this4.getOptionValue(opt),
- index: index,
- removeProps: {
- onClick: function onClick() {
- return _this4.removeValue(opt);
- },
- onTouchEnd: function onTouchEnd() {
- return _this4.removeValue(opt);
- },
- onMouseDown: function onMouseDown(e) {
- e.preventDefault();
- e.stopPropagation();
- }
- },
- data: opt
- }), _this4.formatOptionLabel(opt, 'value'));
+ _this.onInputChange('', {
+ action: 'set-value'
});
- return selectValues;
- }
- if (inputValue) {
- return null;
- }
+ if (closeMenuOnSelect) {
+ _this.inputIsHiddenAfterUpdate = !isMulti;
- var singleValue = selectValue[0];
- return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(SingleValue, _extends$4({}, commonProps, {
- data: singleValue,
- isDisabled: isDisabled
- }), this.formatOptionLabel(singleValue, 'value'));
- };
+ _this.onMenuClose();
+ } // when the select value should change, we should reset focusedValue
- _proto.renderClearIndicator = function renderClearIndicator() {
- var ClearIndicator = this.components.ClearIndicator;
- var commonProps = this.commonProps;
- var _this$props16 = this.props,
- isDisabled = _this$props16.isDisabled,
- isLoading = _this$props16.isLoading;
- var isFocused = this.state.isFocused;
- if (!this.isClearable() || !ClearIndicator || isDisabled || !this.hasValue() || isLoading) {
- return null;
- }
+ _this.clearFocusValueOnUpdate = true;
- var innerProps = {
- onMouseDown: this.onClearIndicatorMouseDown,
- onTouchEnd: this.onClearIndicatorTouchEnd,
- 'aria-hidden': 'true'
+ _this.onChange(newValue, {
+ action: action,
+ option: option
+ });
};
- return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(ClearIndicator, _extends$4({}, commonProps, {
- innerProps: innerProps,
- isFocused: isFocused
- }));
- };
- _proto.renderLoadingIndicator = function renderLoadingIndicator() {
- var LoadingIndicator = this.components.LoadingIndicator;
- var commonProps = this.commonProps;
- var _this$props17 = this.props,
- isDisabled = _this$props17.isDisabled,
- isLoading = _this$props17.isLoading;
- var isFocused = this.state.isFocused;
- if (!LoadingIndicator || !isLoading) return null;
- var innerProps = {
- 'aria-hidden': 'true'
- };
- return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(LoadingIndicator, _extends$4({}, commonProps, {
- innerProps: innerProps,
- isDisabled: isDisabled,
- isFocused: isFocused
- }));
- };
+ _this.selectOption = function (newValue) {
+ var _this$props3 = _this.props,
+ blurInputOnSelect = _this$props3.blurInputOnSelect,
+ isMulti = _this$props3.isMulti;
+ var selectValue = _this.state.selectValue;
- _proto.renderIndicatorSeparator = function renderIndicatorSeparator() {
- var _this$components2 = this.components,
- DropdownIndicator = _this$components2.DropdownIndicator,
- IndicatorSeparator = _this$components2.IndicatorSeparator; // separator doesn't make sense without the dropdown indicator
-
- if (!DropdownIndicator || !IndicatorSeparator) return null;
- var commonProps = this.commonProps;
- var isDisabled = this.props.isDisabled;
- var isFocused = this.state.isFocused;
- return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(IndicatorSeparator, _extends$4({}, commonProps, {
- isDisabled: isDisabled,
- isFocused: isFocused
- }));
- };
+ if (isMulti) {
+ if (_this.isOptionSelected(newValue, selectValue)) {
+ var candidate = _this.getOptionValue(newValue);
- _proto.renderDropdownIndicator = function renderDropdownIndicator() {
- var DropdownIndicator = this.components.DropdownIndicator;
- if (!DropdownIndicator) return null;
- var commonProps = this.commonProps;
- var isDisabled = this.props.isDisabled;
- var isFocused = this.state.isFocused;
- var innerProps = {
- onMouseDown: this.onDropdownIndicatorMouseDown,
- onTouchEnd: this.onDropdownIndicatorTouchEnd,
- 'aria-hidden': 'true'
- };
- return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(DropdownIndicator, _extends$4({}, commonProps, {
- innerProps: innerProps,
- isDisabled: isDisabled,
- isFocused: isFocused
- }));
- };
+ _this.setValue(selectValue.filter(function (i) {
+ return _this.getOptionValue(i) !== candidate;
+ }), 'deselect-option', newValue);
- _proto.renderMenu = function renderMenu() {
- var _this5 = this;
-
- var _this$components3 = this.components,
- Group = _this$components3.Group,
- GroupHeading = _this$components3.GroupHeading,
- Menu = _this$components3.Menu,
- MenuList = _this$components3.MenuList,
- MenuPortal = _this$components3.MenuPortal,
- LoadingMessage = _this$components3.LoadingMessage,
- NoOptionsMessage = _this$components3.NoOptionsMessage,
- Option = _this$components3.Option;
- var commonProps = this.commonProps;
- var _this$state9 = this.state,
- focusedOption = _this$state9.focusedOption,
- menuOptions = _this$state9.menuOptions;
- var _this$props18 = this.props,
- captureMenuScroll = _this$props18.captureMenuScroll,
- inputValue = _this$props18.inputValue,
- isLoading = _this$props18.isLoading,
- loadingMessage = _this$props18.loadingMessage,
- minMenuHeight = _this$props18.minMenuHeight,
- maxMenuHeight = _this$props18.maxMenuHeight,
- menuIsOpen = _this$props18.menuIsOpen,
- menuPlacement = _this$props18.menuPlacement,
- menuPosition = _this$props18.menuPosition,
- menuPortalTarget = _this$props18.menuPortalTarget,
- menuShouldBlockScroll = _this$props18.menuShouldBlockScroll,
- menuShouldScrollIntoView = _this$props18.menuShouldScrollIntoView,
- noOptionsMessage = _this$props18.noOptionsMessage,
- onMenuScrollToTop = _this$props18.onMenuScrollToTop,
- onMenuScrollToBottom = _this$props18.onMenuScrollToBottom;
- if (!menuIsOpen) return null; // TODO: Internal Option Type here
-
- var render = function render(props) {
- // for performance, the menu options in state aren't changed when the
- // focused option changes so we calculate additional props based on that
- var isFocused = focusedOption === props.data;
- props.innerRef = isFocused ? _this5.getFocusedOptionRef : undefined;
- return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(Option, _extends$4({}, commonProps, props, {
- isFocused: isFocused
- }), _this5.formatOptionLabel(props.data, 'menu'));
+ _this.announceAriaLiveSelection({
+ event: 'deselect-option',
+ context: {
+ value: _this.getOptionLabel(newValue)
+ }
+ });
+ } else {
+ if (!_this.isOptionDisabled(newValue, selectValue)) {
+ _this.setValue([].concat(Object(__WEBPACK_IMPORTED_MODULE_3__babel_runtime_helpers_esm_toConsumableArray__["a" /* default */])(selectValue), [newValue]), 'select-option', newValue);
+
+ _this.announceAriaLiveSelection({
+ event: 'select-option',
+ context: {
+ value: _this.getOptionLabel(newValue)
+ }
+ });
+ } else {
+ // announce that option is disabled
+ _this.announceAriaLiveSelection({
+ event: 'select-option',
+ context: {
+ value: _this.getOptionLabel(newValue),
+ isDisabled: true
+ }
+ });
+ }
+ }
+ } else {
+ if (!_this.isOptionDisabled(newValue, selectValue)) {
+ _this.setValue(newValue, 'select-option');
+
+ _this.announceAriaLiveSelection({
+ event: 'select-option',
+ context: {
+ value: _this.getOptionLabel(newValue)
+ }
+ });
+ } else {
+ // announce that option is disabled
+ _this.announceAriaLiveSelection({
+ event: 'select-option',
+ context: {
+ value: _this.getOptionLabel(newValue),
+ isDisabled: true
+ }
+ });
+ }
+ }
+
+ if (blurInputOnSelect) {
+ _this.blurInput();
+ }
};
- var menuUI;
+ _this.removeValue = function (removedValue) {
+ var selectValue = _this.state.selectValue;
- if (this.hasOptions()) {
- menuUI = menuOptions.render.map(function (item) {
- if (item.type === 'group') {
- var type = item.type,
- group = _objectWithoutPropertiesLoose$2(item, ["type"]);
+ var candidate = _this.getOptionValue(removedValue);
- var headingId = item.key + "-heading";
- return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(Group, _extends$4({}, commonProps, group, {
- Heading: GroupHeading,
- headingProps: {
- id: headingId
- },
- label: _this5.formatGroupLabel(item.data)
- }), item.options.map(function (option) {
- return render(option);
- }));
- } else if (item.type === 'option') {
- return render(item);
- }
- });
- } else if (isLoading) {
- var message = loadingMessage({
- inputValue: inputValue
+ var newValue = selectValue.filter(function (i) {
+ return _this.getOptionValue(i) !== candidate;
});
- if (message === null) return null;
- menuUI = __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(LoadingMessage, commonProps, message);
- } else {
- var _message = noOptionsMessage({
- inputValue: inputValue
+
+ _this.onChange(newValue.length ? newValue : null, {
+ action: 'remove-value',
+ removedValue: removedValue
});
- if (_message === null) return null;
- menuUI = __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(NoOptionsMessage, commonProps, _message);
- }
+ _this.announceAriaLiveSelection({
+ event: 'remove-value',
+ context: {
+ value: removedValue ? _this.getOptionLabel(removedValue) : ''
+ }
+ });
- var menuPlacementProps = {
- minMenuHeight: minMenuHeight,
- maxMenuHeight: maxMenuHeight,
- menuPlacement: menuPlacement,
- menuPosition: menuPosition,
- menuShouldScrollIntoView: menuShouldScrollIntoView
+ _this.focusInput();
};
- var menuElement = __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5__index_4322c0ed_browser_esm_js__["a" /* M */], _extends$4({}, commonProps, menuPlacementProps), function (_ref8) {
- var ref = _ref8.ref,
- _ref8$placerProps = _ref8.placerProps,
- placement = _ref8$placerProps.placement,
- maxHeight = _ref8$placerProps.maxHeight;
- return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(Menu, _extends$4({}, commonProps, menuPlacementProps, {
- innerRef: ref,
- innerProps: {
- onMouseDown: _this5.onMenuMouseDown,
- onMouseMove: _this5.onMenuMouseMove
- },
- isLoading: isLoading,
- placement: placement
- }), __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(ScrollCaptorSwitch, {
- isEnabled: captureMenuScroll,
- onTopArrive: onMenuScrollToTop,
- onBottomArrive: onMenuScrollToBottom
- }, __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(ScrollBlock, {
- isEnabled: menuShouldBlockScroll
- }, __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(MenuList, _extends$4({}, commonProps, {
- innerRef: _this5.getMenuListRef,
- isLoading: isLoading,
- maxHeight: maxHeight
- }), menuUI))));
- }); // positioning behaviour is almost identical for portalled and fixed,
- // so we use the same component. the actual portalling logic is forked
- // within the component based on `menuPosition`
-
- return menuPortalTarget || menuPosition === 'fixed' ? __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(MenuPortal, _extends$4({}, commonProps, {
- appendTo: menuPortalTarget,
- controlElement: this.controlRef,
- menuPlacement: menuPlacement,
- menuPosition: menuPosition
- }), menuElement) : menuElement;
- };
-
- _proto.renderFormField = function renderFormField() {
- var _this6 = this;
-
- var _this$props19 = this.props,
- delimiter = _this$props19.delimiter,
- isDisabled = _this$props19.isDisabled,
- isMulti = _this$props19.isMulti,
- name = _this$props19.name;
- var selectValue = this.state.selectValue;
- if (!name || isDisabled) return;
-
- if (isMulti) {
- if (delimiter) {
- var value = selectValue.map(function (opt) {
- return _this6.getOptionValue(opt);
- }).join(delimiter);
- return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("input", {
- name: name,
- type: "hidden",
- value: value
- });
- } else {
- var input = selectValue.length > 0 ? selectValue.map(function (opt, i) {
- return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("input", {
- key: "i-" + i,
- name: name,
- type: "hidden",
- value: _this6.getOptionValue(opt)
- });
- }) : __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("input", {
- name: name,
- type: "hidden"
- });
- return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("div", null, input);
- }
- } else {
- var _value2 = selectValue[0] ? this.getOptionValue(selectValue[0]) : '';
- return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("input", {
- name: name,
- type: "hidden",
- value: _value2
+ _this.clearValue = function () {
+ _this.onChange(null, {
+ action: 'clear'
});
- }
- };
+ };
- _proto.renderLiveRegion = function renderLiveRegion() {
- if (!this.state.isFocused) return null;
- return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(A11yText, {
- "aria-live": "polite"
- }, __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("p", {
- id: "aria-selection-event"
- }, "\xA0", this.state.ariaLiveSelection), __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("p", {
- id: "aria-context"
- }, "\xA0", this.constructAriaLiveMessage()));
- };
+ _this.popValue = function () {
+ var selectValue = _this.state.selectValue;
+ var lastSelectedValue = selectValue[selectValue.length - 1];
+ var newValue = selectValue.slice(0, selectValue.length - 1);
- _proto.render = function render() {
- var _this$components4 = this.components,
- Control = _this$components4.Control,
- IndicatorsContainer = _this$components4.IndicatorsContainer,
- SelectContainer = _this$components4.SelectContainer,
- ValueContainer = _this$components4.ValueContainer;
- var _this$props20 = this.props,
- className = _this$props20.className,
- id = _this$props20.id,
- isDisabled = _this$props20.isDisabled,
- menuIsOpen = _this$props20.menuIsOpen;
- var isFocused = this.state.isFocused;
- var commonProps = this.commonProps = this.getCommonProps();
- return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(SelectContainer, _extends$4({}, commonProps, {
- className: className,
- innerProps: {
- id: id,
- onKeyDown: this.onKeyDown
- },
- isDisabled: isDisabled,
- isFocused: isFocused
- }), this.renderLiveRegion(), __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(Control, _extends$4({}, commonProps, {
- innerRef: this.getControlRef,
- innerProps: {
- onMouseDown: this.onControlMouseDown,
- onTouchEnd: this.onControlTouchEnd
- },
- isDisabled: isDisabled,
- isFocused: isFocused,
- menuIsOpen: menuIsOpen
- }), __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(ValueContainer, _extends$4({}, commonProps, {
- isDisabled: isDisabled
- }), this.renderPlaceholderOrValue(), this.renderInput()), __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(IndicatorsContainer, _extends$4({}, commonProps, {
- isDisabled: isDisabled
- }), this.renderClearIndicator(), this.renderLoadingIndicator(), this.renderIndicatorSeparator(), this.renderDropdownIndicator())), this.renderMenu(), this.renderFormField());
- };
+ _this.announceAriaLiveSelection({
+ event: 'pop-value',
+ context: {
+ value: lastSelectedValue ? _this.getOptionLabel(lastSelectedValue) : ''
+ }
+ });
- return Select;
-}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
+ _this.onChange(newValue.length ? newValue : null, {
+ action: 'pop-value',
+ removedValue: lastSelectedValue
+ });
+ };
-Select.defaultProps = defaultProps;
+ _this.getValue = function () {
+ return _this.state.selectValue;
+ };
+ _this.cx = function () {
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+ args[_key] = arguments[_key];
+ }
+ return __WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["F" /* z */].apply(void 0, [_this.props.classNamePrefix].concat(args));
+ };
-/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(/*! ./../../process/browser.js */ 3)))
+ _this.getOptionLabel = function (data) {
+ return _this.props.getOptionLabel(data);
+ };
-/***/ }),
-/* 140 */
-/*!************************************************!*\
- !*** ./src/blocks/advanced-heading/style.scss ***!
- \************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
+ _this.getOptionValue = function (data) {
+ return _this.props.getOptionValue(data);
+ };
-// removed by extract-text-webpack-plugin
+ _this.getStyles = function (key, props) {
+ var base = defaultStyles[key](props);
+ base.boxSizing = 'border-box';
+ var custom = _this.props.styles[key];
+ return custom ? custom(base, props) : base;
+ };
-/***/ }),
-/* 141 */
-/*!*****************************************!*\
- !*** ./node_modules/lodash/toNumber.js ***!
- \*****************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports, __webpack_require__) {
+ _this.getElementId = function (element) {
+ return "".concat(_this.instancePrefix, "-").concat(element);
+ };
-var isObject = __webpack_require__(/*! ./isObject */ 13),
- isSymbol = __webpack_require__(/*! ./isSymbol */ 46);
+ _this.getActiveDescendentId = function () {
+ var menuIsOpen = _this.props.menuIsOpen;
+ var _this$state = _this.state,
+ menuOptions = _this$state.menuOptions,
+ focusedOption = _this$state.focusedOption;
+ if (!focusedOption || !menuIsOpen) return undefined;
+ var index = menuOptions.focusable.indexOf(focusedOption);
+ var option = menuOptions.render[index];
+ return option && option.key;
+ };
-/** Used as references for various `Number` constants. */
-var NAN = 0 / 0;
+ _this.announceAriaLiveSelection = function (_ref2) {
+ var event = _ref2.event,
+ context = _ref2.context;
-/** Used to match leading and trailing whitespace. */
-var reTrim = /^\s+|\s+$/g;
+ _this.setState({
+ ariaLiveSelection: valueEventAriaMessage(event, context)
+ });
+ };
-/** Used to detect bad signed hexadecimal string values. */
-var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+ _this.announceAriaLiveContext = function (_ref3) {
+ var event = _ref3.event,
+ context = _ref3.context;
-/** Used to detect binary string values. */
-var reIsBinary = /^0b[01]+$/i;
+ _this.setState({
+ ariaLiveContext: instructionsAriaMessage(event, _objectSpread$2(_objectSpread$2({}, context), {}, {
+ label: _this.props['aria-label']
+ }))
+ });
+ };
-/** Used to detect octal string values. */
-var reIsOctal = /^0o[0-7]+$/i;
+ _this.onMenuMouseDown = function (event) {
+ if (event.button !== 0) {
+ return;
+ }
-/** Built-in method references without a dependency on `root`. */
-var freeParseInt = parseInt;
+ event.stopPropagation();
+ event.preventDefault();
-/**
- * Converts `value` to a number.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to process.
- * @returns {number} Returns the number.
- * @example
- *
- * _.toNumber(3.2);
- * // => 3.2
- *
- * _.toNumber(Number.MIN_VALUE);
- * // => 5e-324
- *
- * _.toNumber(Infinity);
- * // => Infinity
- *
- * _.toNumber('3.2');
- * // => 3.2
- */
-function toNumber(value) {
- if (typeof value == 'number') {
- return value;
- }
- if (isSymbol(value)) {
- return NAN;
- }
- if (isObject(value)) {
- var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
- value = isObject(other) ? (other + '') : other;
- }
- if (typeof value != 'string') {
- return value === 0 ? value : +value;
- }
- value = value.replace(reTrim, '');
- var isBinary = reIsBinary.test(value);
- return (isBinary || reIsOctal.test(value))
- ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
- : (reIsBadHex.test(value) ? NAN : +value);
-}
+ _this.focusInput();
+ };
-module.exports = toNumber;
+ _this.onMenuMouseMove = function (event) {
+ _this.blockOptionHover = false;
+ };
+ _this.onControlMouseDown = function (event) {
+ var openMenuOnClick = _this.props.openMenuOnClick;
-/***/ }),
-/* 142 */
-/*!*************************************************!*\
- !*** ./node_modules/lodash/_baseAssignValue.js ***!
- \*************************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports, __webpack_require__) {
+ if (!_this.state.isFocused) {
+ if (openMenuOnClick) {
+ _this.openAfterFocus = true;
+ }
-var defineProperty = __webpack_require__(/*! ./_defineProperty */ 143);
+ _this.focusInput();
+ } else if (!_this.props.menuIsOpen) {
+ if (openMenuOnClick) {
+ _this.openMenu('first');
+ }
+ } else {
+ if ( // $FlowFixMe
+ event.target.tagName !== 'INPUT' && event.target.tagName !== 'TEXTAREA') {
+ _this.onMenuClose();
+ }
+ }
-/**
- * The base implementation of `assignValue` and `assignMergeValue` without
- * value checks.
- *
- * @private
- * @param {Object} object The object to modify.
- * @param {string} key The key of the property to assign.
- * @param {*} value The value to assign.
- */
-function baseAssignValue(object, key, value) {
- if (key == '__proto__' && defineProperty) {
- defineProperty(object, key, {
- 'configurable': true,
- 'enumerable': true,
- 'value': value,
- 'writable': true
- });
- } else {
- object[key] = value;
- }
-}
+ if ( // $FlowFixMe
+ event.target.tagName !== 'INPUT' && event.target.tagName !== 'TEXTAREA') {
+ event.preventDefault();
+ }
+ };
-module.exports = baseAssignValue;
+ _this.onDropdownIndicatorMouseDown = function (event) {
+ // ignore mouse events that weren't triggered by the primary button
+ if (event && event.type === 'mousedown' && event.button !== 0) {
+ return;
+ }
+ if (_this.props.isDisabled) return;
+ var _this$props4 = _this.props,
+ isMulti = _this$props4.isMulti,
+ menuIsOpen = _this$props4.menuIsOpen;
-/***/ }),
-/* 143 */
-/*!************************************************!*\
- !*** ./node_modules/lodash/_defineProperty.js ***!
- \************************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports, __webpack_require__) {
+ _this.focusInput();
-var getNative = __webpack_require__(/*! ./_getNative */ 19);
+ if (menuIsOpen) {
+ _this.inputIsHiddenAfterUpdate = !isMulti;
-var defineProperty = (function() {
- try {
- var func = getNative(Object, 'defineProperty');
- func({}, '', {});
- return func;
- } catch (e) {}
-}());
+ _this.onMenuClose();
+ } else {
+ _this.openMenu('first');
+ }
-module.exports = defineProperty;
+ event.preventDefault();
+ event.stopPropagation();
+ };
+ _this.onClearIndicatorMouseDown = function (event) {
+ // ignore mouse events that weren't triggered by the primary button
+ if (event && event.type === 'mousedown' && event.button !== 0) {
+ return;
+ }
-/***/ }),
-/* 144 */
-/*!******************************************!*\
- !*** ./node_modules/lodash/_overRest.js ***!
- \******************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports, __webpack_require__) {
+ _this.clearValue();
-var apply = __webpack_require__(/*! ./_apply */ 316);
+ event.stopPropagation();
+ _this.openAfterFocus = false;
-/* Built-in method references for those with the same name as other `lodash` methods. */
-var nativeMax = Math.max;
+ if (event.type === 'touchend') {
+ _this.focusInput();
+ } else {
+ setTimeout(function () {
+ return _this.focusInput();
+ });
+ }
+ };
-/**
- * A specialized version of `baseRest` which transforms the rest array.
- *
- * @private
- * @param {Function} func The function to apply a rest parameter to.
- * @param {number} [start=func.length-1] The start position of the rest parameter.
- * @param {Function} transform The rest array transform.
- * @returns {Function} Returns the new function.
- */
-function overRest(func, start, transform) {
- start = nativeMax(start === undefined ? (func.length - 1) : start, 0);
- return function() {
- var args = arguments,
- index = -1,
- length = nativeMax(args.length - start, 0),
- array = Array(length);
+ _this.onScroll = function (event) {
+ if (typeof _this.props.closeMenuOnScroll === 'boolean') {
+ if (event.target instanceof HTMLElement && Object(__WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["a" /* A */])(event.target)) {
+ _this.props.onMenuClose();
+ }
+ } else if (typeof _this.props.closeMenuOnScroll === 'function') {
+ if (_this.props.closeMenuOnScroll(event)) {
+ _this.props.onMenuClose();
+ }
+ }
+ };
- while (++index < length) {
- array[index] = args[start + index];
- }
- index = -1;
- var otherArgs = Array(start + 1);
- while (++index < start) {
- otherArgs[index] = args[index];
- }
- otherArgs[start] = transform(array);
- return apply(func, this, otherArgs);
- };
-}
+ _this.onCompositionStart = function () {
+ _this.isComposing = true;
+ };
-module.exports = overRest;
+ _this.onCompositionEnd = function () {
+ _this.isComposing = false;
+ };
+ _this.onTouchStart = function (_ref4) {
+ var touches = _ref4.touches;
+ var touch = touches && touches.item(0);
-/***/ }),
-/* 145 */
-/*!*********************************************!*\
- !*** ./node_modules/lodash/_setToString.js ***!
- \*********************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports, __webpack_require__) {
+ if (!touch) {
+ return;
+ }
-var baseSetToString = __webpack_require__(/*! ./_baseSetToString */ 317),
- shortOut = __webpack_require__(/*! ./_shortOut */ 319);
+ _this.initialTouchX = touch.clientX;
+ _this.initialTouchY = touch.clientY;
+ _this.userIsDragging = false;
+ };
-/**
- * Sets the `toString` method of `func` to return `string`.
- *
- * @private
- * @param {Function} func The function to modify.
- * @param {Function} string The `toString` result.
- * @returns {Function} Returns `func`.
- */
-var setToString = shortOut(baseSetToString);
+ _this.onTouchMove = function (_ref5) {
+ var touches = _ref5.touches;
+ var touch = touches && touches.item(0);
-module.exports = setToString;
+ if (!touch) {
+ return;
+ }
+ var deltaX = Math.abs(touch.clientX - _this.initialTouchX);
+ var deltaY = Math.abs(touch.clientY - _this.initialTouchY);
+ var moveThreshold = 5;
+ _this.userIsDragging = deltaX > moveThreshold || deltaY > moveThreshold;
+ };
-/***/ }),
-/* 146 */
-/*!**********************************************************************!*\
- !*** ./node_modules/element-resize-detector/src/collection-utils.js ***!
- \**********************************************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports, __webpack_require__) {
+ _this.onTouchEnd = function (event) {
+ if (_this.userIsDragging) return; // close the menu if the user taps outside
+ // we're checking on event.target here instead of event.currentTarget, because we want to assert information
+ // on events on child elements, not the document (which we've attached this handler to).
-"use strict";
+ if (_this.controlRef && !_this.controlRef.contains(event.target) && _this.menuListRef && !_this.menuListRef.contains(event.target)) {
+ _this.blurInput();
+ } // reset move vars
-var utils = module.exports = {};
+ _this.initialTouchX = 0;
+ _this.initialTouchY = 0;
+ };
-/**
- * Loops through the collection and calls the callback for each element. if the callback returns truthy, the loop is broken and returns the same value.
- * @public
- * @param {*} collection The collection to loop through. Needs to have a length property set and have indices set from 0 to length - 1.
- * @param {function} callback The callback to be called for each element. The element will be given as a parameter to the callback. If this callback returns truthy, the loop is broken and the same value is returned.
- * @returns {*} The value that a callback has returned (if truthy). Otherwise nothing.
- */
-utils.forEach = function(collection, callback) {
- for(var i = 0; i < collection.length; i++) {
- var result = callback(collection[i]);
- if(result) {
- return result;
- }
- }
-};
+ _this.onControlTouchEnd = function (event) {
+ if (_this.userIsDragging) return;
+ _this.onControlMouseDown(event);
+ };
-/***/ }),
-/* 147 */
-/*!**********************************************************************!*\
- !*** ./node_modules/element-resize-detector/src/browser-detector.js ***!
- \**********************************************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports, __webpack_require__) {
+ _this.onClearIndicatorTouchEnd = function (event) {
+ if (_this.userIsDragging) return;
-"use strict";
+ _this.onClearIndicatorMouseDown(event);
+ };
+ _this.onDropdownIndicatorTouchEnd = function (event) {
+ if (_this.userIsDragging) return;
-var detector = module.exports = {};
+ _this.onDropdownIndicatorMouseDown(event);
+ };
-detector.isIE = function(version) {
- function isAnyIeVersion() {
- var agent = navigator.userAgent.toLowerCase();
- return agent.indexOf("msie") !== -1 || agent.indexOf("trident") !== -1 || agent.indexOf(" edge/") !== -1;
- }
+ _this.handleInputChange = function (event) {
+ var inputValue = event.currentTarget.value;
+ _this.inputIsHiddenAfterUpdate = false;
- if(!isAnyIeVersion()) {
- return false;
- }
+ _this.onInputChange(inputValue, {
+ action: 'input-change'
+ });
- if(!version) {
- return true;
- }
+ if (!_this.props.menuIsOpen) {
+ _this.onMenuOpen();
+ }
+ };
- //Shamelessly stolen from https://gist.github.com/padolsey/527683
- var ieVersion = (function(){
- var undef,
- v = 3,
- div = document.createElement("div"),
- all = div.getElementsByTagName("i");
+ _this.onInputFocus = function (event) {
+ var _this$props5 = _this.props,
+ isSearchable = _this$props5.isSearchable,
+ isMulti = _this$props5.isMulti;
- do {
- div.innerHTML = "";
- }
- while (all[0]);
+ if (_this.props.onFocus) {
+ _this.props.onFocus(event);
+ }
- return v > 4 ? v : undef;
- }());
+ _this.inputIsHiddenAfterUpdate = false;
- return version === ieVersion;
-};
+ _this.announceAriaLiveContext({
+ event: 'input',
+ context: {
+ isSearchable: isSearchable,
+ isMulti: isMulti
+ }
+ });
-detector.isLegacyOpera = function() {
- return !!window.opera;
-};
+ _this.setState({
+ isFocused: true
+ });
+ if (_this.openAfterFocus || _this.props.openMenuOnFocus) {
+ _this.openMenu('first');
+ }
-/***/ }),
-/* 148 */
-/*!***************************************!*\
- !*** ./node_modules/lodash/keysIn.js ***!
- \***************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports, __webpack_require__) {
+ _this.openAfterFocus = false;
+ };
-var arrayLikeKeys = __webpack_require__(/*! ./_arrayLikeKeys */ 121),
- baseKeysIn = __webpack_require__(/*! ./_baseKeysIn */ 339),
- isArrayLike = __webpack_require__(/*! ./isArrayLike */ 24);
+ _this.onInputBlur = function (event) {
+ if (_this.menuListRef && _this.menuListRef.contains(document.activeElement)) {
+ _this.inputRef.focus();
-/**
- * Creates an array of the own and inherited enumerable property names of `object`.
- *
- * **Note:** Non-object values are coerced to objects.
- *
- * @static
- * @memberOf _
- * @since 3.0.0
- * @category Object
- * @param {Object} object The object to query.
- * @returns {Array} Returns the array of property names.
- * @example
- *
- * function Foo() {
- * this.a = 1;
- * this.b = 2;
- * }
- *
- * Foo.prototype.c = 3;
- *
- * _.keysIn(new Foo);
- * // => ['a', 'b', 'c'] (iteration order is not guaranteed)
- */
-function keysIn(object) {
- return isArrayLike(object) ? arrayLikeKeys(object, true) : baseKeysIn(object);
-}
+ return;
+ }
-module.exports = keysIn;
+ if (_this.props.onBlur) {
+ _this.props.onBlur(event);
+ }
+ _this.onInputChange('', {
+ action: 'input-blur'
+ });
-/***/ }),
-/* 149 */
-/*!**********************************************!*\
- !*** ./node_modules/lodash/_getSymbolsIn.js ***!
- \**********************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports, __webpack_require__) {
+ _this.onMenuClose();
-var arrayPush = __webpack_require__(/*! ./_arrayPush */ 56),
- getPrototype = __webpack_require__(/*! ./_getPrototype */ 80),
- getSymbols = __webpack_require__(/*! ./_getSymbols */ 57),
- stubArray = __webpack_require__(/*! ./stubArray */ 120);
+ _this.setState({
+ focusedValue: null,
+ isFocused: false
+ });
+ };
-/* Built-in method references for those with the same name as other `lodash` methods. */
-var nativeGetSymbols = Object.getOwnPropertySymbols;
+ _this.onOptionHover = function (focusedOption) {
+ if (_this.blockOptionHover || _this.state.focusedOption === focusedOption) {
+ return;
+ }
-/**
- * Creates an array of the own and inherited enumerable symbols of `object`.
- *
- * @private
- * @param {Object} object The object to query.
- * @returns {Array} Returns the array of symbols.
- */
-var getSymbolsIn = !nativeGetSymbols ? stubArray : function(object) {
- var result = [];
- while (object) {
- arrayPush(result, getSymbols(object));
- object = getPrototype(object);
- }
- return result;
-};
+ _this.setState({
+ focusedOption: focusedOption
+ });
+ };
-module.exports = getSymbolsIn;
+ _this.shouldHideSelectedOptions = function () {
+ var _this$props6 = _this.props,
+ hideSelectedOptions = _this$props6.hideSelectedOptions,
+ isMulti = _this$props6.isMulti;
+ if (hideSelectedOptions === undefined) return isMulti;
+ return hideSelectedOptions;
+ };
+ _this.onKeyDown = function (event) {
+ var _this$props7 = _this.props,
+ isMulti = _this$props7.isMulti,
+ backspaceRemovesValue = _this$props7.backspaceRemovesValue,
+ escapeClearsValue = _this$props7.escapeClearsValue,
+ inputValue = _this$props7.inputValue,
+ isClearable = _this$props7.isClearable,
+ isDisabled = _this$props7.isDisabled,
+ menuIsOpen = _this$props7.menuIsOpen,
+ onKeyDown = _this$props7.onKeyDown,
+ tabSelectsValue = _this$props7.tabSelectsValue,
+ openMenuOnFocus = _this$props7.openMenuOnFocus;
+ var _this$state2 = _this.state,
+ focusedOption = _this$state2.focusedOption,
+ focusedValue = _this$state2.focusedValue,
+ selectValue = _this$state2.selectValue;
+ if (isDisabled) return;
-/***/ }),
-/* 150 */
-/*!***********************************************!*\
- !*** ./node_modules/react-slick/lib/index.js ***!
- \***********************************************/
-/*! no static exports found */
-/*! exports used: default */
-/***/ (function(module, exports, __webpack_require__) {
+ if (typeof onKeyDown === 'function') {
+ onKeyDown(event);
-"use strict";
+ if (event.defaultPrevented) {
+ return;
+ }
+ } // Block option hover events when the user has just pressed a key
-exports.__esModule = true;
+ _this.blockOptionHover = true;
-var _slider = __webpack_require__(/*! ./slider */ 375);
+ switch (event.key) {
+ case 'ArrowLeft':
+ if (!isMulti || inputValue) return;
-var _slider2 = _interopRequireDefault(_slider);
+ _this.focusValue('previous');
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+ break;
-exports.default = _slider2.default;
+ case 'ArrowRight':
+ if (!isMulti || inputValue) return;
-/***/ }),
-/* 151 */
-/*!*********************************************!*\
- !*** ./node_modules/enquire.js/src/Util.js ***!
- \*********************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports) {
+ _this.focusValue('next');
-/**
- * Helper function for iterating over a collection
- *
- * @param collection
- * @param fn
- */
-function each(collection, fn) {
- var i = 0,
- length = collection.length,
- cont;
+ break;
- for(i; i < length; i++) {
- cont = fn(collection[i], i);
- if(cont === false) {
- break; //allow early exit
- }
- }
-}
+ case 'Delete':
+ case 'Backspace':
+ if (inputValue) return;
-/**
- * Helper function for determining whether target object is an array
- *
- * @param target the object under test
- * @return {Boolean} true if array, false otherwise
- */
-function isArray(target) {
- return Object.prototype.toString.apply(target) === '[object Array]';
-}
+ if (focusedValue) {
+ _this.removeValue(focusedValue);
+ } else {
+ if (!backspaceRemovesValue) return;
-/**
- * Helper function for determining whether target object is a function
- *
- * @param target the object under test
- * @return {Boolean} true if function, false otherwise
- */
-function isFunction(target) {
- return typeof target === 'function';
-}
+ if (isMulti) {
+ _this.popValue();
+ } else if (isClearable) {
+ _this.clearValue();
+ }
+ }
-module.exports = {
- isFunction : isFunction,
- isArray : isArray,
- each : each
-};
+ break;
+ case 'Tab':
+ if (_this.isComposing) return;
-/***/ }),
-/* 152 */
-/*!******************************************!*\
- !*** ./src/blocks/section/attributes.js ***!
- \******************************************/
-/*! exports provided: default */
-/*! exports used: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+ if (event.shiftKey || !menuIsOpen || !tabSelectsValue || !focusedOption || // don't capture the event if the menu opens on focus and the focused
+ // option is already selected; it breaks the flow of navigation
+ openMenuOnFocus && _this.isOptionSelected(focusedOption, selectValue)) {
+ return;
+ }
-"use strict";
-/**
- * BLOCK: UAGB Section Attributes
- */
-var attributes = {
- classMigrate: {
- type: "boolean",
- default: false
- },
- align: {
- type: "string",
- default: "center"
- },
- block_id: {
- type: "string"
- },
- mobilePaddingType: {
- type: "string",
- default: 'px'
- },
- tabletPaddingType: {
- type: "string",
- default: 'px'
- },
- desktopPaddingType: {
- type: "string",
- default: 'px'
- },
- topPadding: {
- type: "number",
- default: 20
- },
- bottomPadding: {
- type: "number",
- default: 20
- },
- leftPadding: {
- type: "number",
- default: 20
- },
- rightPadding: {
- type: "number",
- default: 20
- },
- mobileMarginType: {
- type: "string",
- default: 'px'
- },
- tabletMarginType: {
- type: "string",
- default: 'px'
- },
- desktopMarginType: {
- type: "string",
- default: 'px'
- },
- topMargin: {
- type: "number",
- default: 0
- },
- bottomMargin: {
- type: "number",
- default: 0
- },
- leftMargin: {
- type: "number",
- default: 0
- },
- rightMargin: {
- type: "number",
- default: 0
- },
+ _this.selectOption(focusedOption);
- topPaddingTablet: {
- type: "number",
- default: ""
- },
- bottomPaddingTablet: {
- type: "number",
- default: ""
- },
- leftPaddingTablet: {
- type: "number",
- default: ""
- },
- rightPaddingTablet: {
- type: "number",
- default: ""
- },
- topMarginTablet: {
- type: "number",
- default: ""
- },
- bottomMarginTablet: {
- type: "number",
- default: ""
- },
- leftMarginTablet: {
- type: "number",
- default: ""
- },
- rightMarginTablet: {
- type: "number",
- default: ""
- },
+ break;
- topPaddingMobile: {
- type: "number",
- default: ""
- },
- bottomPaddingMobile: {
- type: "number",
- default: ""
- },
- leftPaddingMobile: {
- type: "number",
- default: ""
- },
- rightPaddingMobile: {
- type: "number",
- default: ""
- },
- topMarginMobile: {
- type: "number",
- default: ""
- },
- bottomMarginMobile: {
- type: "number",
- default: ""
- },
- leftMarginMobile: {
- type: "number",
- default: ""
- },
- rightMarginMobile: {
- type: "number",
- default: ""
- },
- contentWidth: {
- type: "string",
- default: "boxed"
- },
- width: {
- type: "number",
- default: 900
- },
- innerWidth: {
- type: "number",
- default: 1140
- },
- innerWidthType: {
- type: "string",
- default: "px"
- },
- themeWidth: {
- type: "boolean",
- default: false
- },
- tag: {
- type: "string",
- default: "section"
- },
- backgroundType: {
- type: "string"
- },
- backgroundImage: {
- type: "object"
- },
- backgroundPosition: {
- type: "string",
- default: "center-center"
- },
- backgroundSize: {
- type: "string",
- default: "cover"
- },
- backgroundRepeat: {
- type: "string",
- default: "no-repeat"
- },
- backgroundAttachment: {
- type: "string",
- default: "scroll"
- },
- backgroundVideo: {
- type: "object"
- },
- backgroundColor: {
- type: "string"
- },
- gradientColor1: {
- type: "string"
- },
- gradientColor2: {
- type: "string"
- },
- gradientType: {
- type: "string",
- default: "linear"
- },
- gradientLocation1: {
- type: "number",
- default: 0
- },
- gradientLocation2: {
- type: "number",
- default: 100
- },
- gradientAngle: {
- type: "number",
- default: 0
- },
- gradientPosition: {
- type: "string",
- default: "center center"
- },
- backgroundOpacity: {
- type: "number"
- },
- backgroundVideoOpacity: {
- type: "number",
- default: 50
- },
- backgroundVideoColor: {
- type: "string"
- },
- backgroundImageColor: {
- type: "string"
- },
- borderStyle: {
- type: "string",
- default: "none"
- },
- borderWidth: {
- type: "number",
- default: 1
- },
- borderRadius: {
- type: "number"
- },
- borderColor: {
- type: "string"
- },
- overlayType: {
- type: "string",
- default: "color"
- },
- gradientOverlayColor1: {
- type: "string"
- },
- gradientOverlayColor2: {
- type: "string"
- },
- gradientOverlayType: {
- type: "string",
- default: "linear"
- },
- gradientOverlayLocation1: {
- type: "number",
- default: 0
- },
- gradientOverlayLocation2: {
- type: "number",
- default: 100
- },
- gradientOverlayAngle: {
- type: "number",
- default: 0
- },
- gradientOverlayPosition: {
- type: "string",
- default: "center center"
- },
- boxShadowColor: {
- type: "string"
- },
- boxShadowHOffset: {
- type: "number",
- default: 0
- },
- boxShadowVOffset: {
- type: "number",
- default: 0
- },
- boxShadowBlur: {
- type: "number"
- },
- boxShadowSpread: {
- type: "number"
- },
- boxShadowPosition: {
- type: "string",
- default: "outset"
- },
- gradientValue: {
- type: "string",
- default: ""
- }
-};
+ case 'Enter':
+ if (event.keyCode === 229) {
+ // ignore the keydown event from an Input Method Editor(IME)
+ // ref. https://www.w3.org/TR/uievents/#determine-keydown-keyup-keyCode
+ break;
+ }
-/* harmony default export */ __webpack_exports__["a"] = (attributes);
+ if (menuIsOpen) {
+ if (!focusedOption) return;
+ if (_this.isComposing) return;
-/***/ }),
-/* 153 */
-/*!*********************************************!*\
- !*** ./src/blocks/section/inline-styles.js ***!
- \*********************************************/
-/*! exports provided: default */
-/*! exports used: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+ _this.selectOption(focusedOption);
-"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__dist_blocks_uagb_controls_generateCSSUnit__ = __webpack_require__(/*! ../../../dist/blocks/uagb-controls/generateCSSUnit */ 4);
-/**
- * Returns Dynamic Generated CSS
- */
+ break;
+ }
+ return;
-function inlineStyles(props, isEditor) {
- var _props$attributes = props.attributes,
- align = _props$attributes.align,
- contentWidth = _props$attributes.contentWidth,
- leftPadding = _props$attributes.leftPadding,
- rightPadding = _props$attributes.rightPadding,
- topPadding = _props$attributes.topPadding,
- bottomPadding = _props$attributes.bottomPadding,
- leftMargin = _props$attributes.leftMargin,
- rightMargin = _props$attributes.rightMargin,
- topMargin = _props$attributes.topMargin,
- bottomMargin = _props$attributes.bottomMargin,
- width = _props$attributes.width,
- backgroundPosition = _props$attributes.backgroundPosition,
- backgroundSize = _props$attributes.backgroundSize,
- backgroundAttachment = _props$attributes.backgroundAttachment,
- backgroundImage = _props$attributes.backgroundImage,
- backgroundColor = _props$attributes.backgroundColor,
- backgroundOpacity = _props$attributes.backgroundOpacity,
- backgroundRepeat = _props$attributes.backgroundRepeat,
- backgroundType = _props$attributes.backgroundType,
- gradientColor1 = _props$attributes.gradientColor1,
- gradientColor2 = _props$attributes.gradientColor2,
- gradientLocation1 = _props$attributes.gradientLocation1,
- gradientLocation2 = _props$attributes.gradientLocation2,
- gradientType = _props$attributes.gradientType,
- gradientAngle = _props$attributes.gradientAngle,
- borderStyle = _props$attributes.borderStyle,
- borderWidth = _props$attributes.borderWidth,
- borderRadius = _props$attributes.borderRadius,
- borderColor = _props$attributes.borderColor,
- desktopMarginType = _props$attributes.desktopMarginType,
- desktopPaddingType = _props$attributes.desktopPaddingType;
+ case 'Escape':
+ if (menuIsOpen) {
+ _this.inputIsHiddenAfterUpdate = false;
+ _this.onInputChange('', {
+ action: 'menu-close'
+ });
- var style = {
- "padding-top": __WEBPACK_IMPORTED_MODULE_0__dist_blocks_uagb_controls_generateCSSUnit__["a" /* default */](topPadding, desktopPaddingType),
- "padding-bottom": __WEBPACK_IMPORTED_MODULE_0__dist_blocks_uagb_controls_generateCSSUnit__["a" /* default */](bottomPadding, desktopPaddingType),
- "padding-left": __WEBPACK_IMPORTED_MODULE_0__dist_blocks_uagb_controls_generateCSSUnit__["a" /* default */](leftPadding, desktopPaddingType),
- "padding-right": __WEBPACK_IMPORTED_MODULE_0__dist_blocks_uagb_controls_generateCSSUnit__["a" /* default */](rightPadding, desktopPaddingType),
- "border-radius": __WEBPACK_IMPORTED_MODULE_0__dist_blocks_uagb_controls_generateCSSUnit__["a" /* default */](borderRadius, "px")
- };
+ _this.onMenuClose();
+ } else if (isClearable && escapeClearsValue) {
+ _this.clearValue();
+ }
- if ("right" == align) {
- style["margin-left"] = "auto";
- style["margin-top"] = __WEBPACK_IMPORTED_MODULE_0__dist_blocks_uagb_controls_generateCSSUnit__["a" /* default */](topMargin, desktopMarginType);
- style["margin-bottom"] = __WEBPACK_IMPORTED_MODULE_0__dist_blocks_uagb_controls_generateCSSUnit__["a" /* default */](bottomMargin, desktopMarginType);
- style["margin-right"] = __WEBPACK_IMPORTED_MODULE_0__dist_blocks_uagb_controls_generateCSSUnit__["a" /* default */](rightMargin, desktopMarginType);
- } else if ("left" == align) {
- style["margin-right"] = "auto";
- style["margin-top"] = __WEBPACK_IMPORTED_MODULE_0__dist_blocks_uagb_controls_generateCSSUnit__["a" /* default */](topMargin, desktopMarginType);
- style["margin-bottom"] = __WEBPACK_IMPORTED_MODULE_0__dist_blocks_uagb_controls_generateCSSUnit__["a" /* default */](bottomMargin, desktopMarginType);
- style["margin-left"] = __WEBPACK_IMPORTED_MODULE_0__dist_blocks_uagb_controls_generateCSSUnit__["a" /* default */](leftMargin, desktopMarginType);
- } else if ("center" == align) {
- style["margin-right"] = "auto";
- style["margin-left"] = "auto";
- style["margin-top"] = __WEBPACK_IMPORTED_MODULE_0__dist_blocks_uagb_controls_generateCSSUnit__["a" /* default */](topMargin, desktopMarginType);
- style["margin-bottom"] = __WEBPACK_IMPORTED_MODULE_0__dist_blocks_uagb_controls_generateCSSUnit__["a" /* default */](bottomMargin, desktopMarginType);
- } else {
- style["margin-top"] = __WEBPACK_IMPORTED_MODULE_0__dist_blocks_uagb_controls_generateCSSUnit__["a" /* default */](topMargin, desktopMarginType);
- style["margin-bottom"] = __WEBPACK_IMPORTED_MODULE_0__dist_blocks_uagb_controls_generateCSSUnit__["a" /* default */](bottomMargin, desktopMarginType);
- }
+ break;
- if (borderStyle != "none") {
- style["border-style"] = borderStyle;
- style["border-width"] = __WEBPACK_IMPORTED_MODULE_0__dist_blocks_uagb_controls_generateCSSUnit__["a" /* default */](borderWidth, "px");
- style["border-color"] = borderColor;
- }
+ case ' ':
+ // space
+ if (inputValue) {
+ return;
+ }
- var position = backgroundPosition.replace("-", " ");
+ if (!menuIsOpen) {
+ _this.openMenu('first');
- var section_width = "100%";
+ break;
+ }
- if ("boxed" == contentWidth) {
- if ("" != width) {
- section_width = width + "px";
- }
- }
+ if (!focusedOption) return;
- style["max-width"] = section_width;
+ _this.selectOption(focusedOption);
- if ("image" === backgroundType) {
+ break;
- style["background-image"] = backgroundImage ? "url(" + backgroundImage.url + ")" : null;
- style["background-position"] = position;
- style["background-attachment"] = backgroundAttachment;
- style["background-repeat"] = backgroundRepeat;
- style["background-size"] = backgroundSize;
- }
+ case 'ArrowUp':
+ if (menuIsOpen) {
+ _this.focusOption('up');
+ } else {
+ _this.openMenu('last');
+ }
- return style;
-}
+ break;
-/* harmony default export */ __webpack_exports__["a"] = (inlineStyles);
+ case 'ArrowDown':
+ if (menuIsOpen) {
+ _this.focusOption('down');
+ } else {
+ _this.openMenu('first');
+ }
-/***/ }),
-/* 154 */
-/*!******************************************!*\
- !*** ./src/blocks/buttons/attributes.js ***!
- \******************************************/
-/*! exports provided: default */
-/*! exports used: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+ break;
-"use strict";
-var ITEM_COUNT = 2;
+ case 'PageUp':
+ if (!menuIsOpen) return;
-var buttons = [];
+ _this.focusOption('pageup');
-for (var i = 1; i <= ITEM_COUNT; i++) {
- var label = "#Click Here";
- var link = "#";
- buttons.push({
- "label": label,
- "link": link,
- "target": "_self",
- "size": "",
- "vPadding": 10,
- "hPadding": 14,
- "borderWidth": 1,
- "borderRadius": 2,
- "borderStyle": "solid",
- "borderColor": "#333",
- "borderHColor": "#333",
- "color": "#333",
- "background": "",
- "hColor": "#333",
- "hBackground": "",
- "sizeType": "px",
- "sizeMobile": "",
- "sizeTablet": "",
- "lineHeight": "",
- "lineHeightType": "em",
- "lineHeightMobile": "",
- "lineHeightTablet": ""
- });
-}
-
-var attributes = {
- block_id: {
- type: "string"
- },
- btn_count: {
- type: "number",
- default: ITEM_COUNT
- },
- buttons: {
- type: "array",
- default: buttons
- },
- classMigrate: {
- type: "boolean",
- default: false
- },
- childMigrate: {
- type: "boolean",
- default: false
- },
- align: {
- type: "string",
- default: "center"
- },
- gap: {
- type: "number",
- default: 10
- },
- stack: {
- type: "string",
- default: "none"
- },
- loadGoogleFonts: {
- type: "boolean",
- default: false
- },
- fontFamily: {
- type: "string",
- default: "Default"
- },
- fontWeight: {
- type: "string"
- },
- fontSubset: {
- type: "string"
- }
-};
-
-/* harmony default export */ __webpack_exports__["a"] = (attributes);
-
-/***/ }),
-/* 155 */
-/*!************************************************!*\
- !*** ./src/blocks/buttons-child/attributes.js ***!
- \************************************************/
-/*! exports provided: default */
-/*! exports used: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/**
- * BLOCK: Buttons Child - Attributes
- */
+ break;
-var attributes = {
- inheritFromTheme: {
- type: "boolean",
- default: false
- },
- block_id: {
- type: "string"
- },
- align: {
- type: "string",
- default: "center"
- },
- gap: {
- type: "number",
- default: 10
- },
- stack: {
- type: "string",
- default: "none"
- },
- loadGoogleFonts: {
- type: "boolean",
- default: false
- },
- fontFamily: {
- type: "string",
- default: "Default"
- },
- fontWeight: {
- type: "string"
- },
- fontSubset: {
- type: "string"
- },
- label: {
- type: "html",
- default: '#Click Here'
- },
- link: {
- type: "string",
- default: ""
- },
- target: {
- type: "string",
- default: "_self"
- },
- size: {
- type: "number"
- },
- vPadding: {
- type: "number",
- default: 10
- },
- hPadding: {
- type: "number",
- default: 14
- },
- borderWidth: {
- type: "number",
- default: 1
- },
- borderRadius: {
- type: "number",
- default: 2
- },
- borderStyle: {
- type: "string",
- default: "solid"
- },
- borderColor: {
- type: "string",
- default: "#333"
- },
- borderHColor: {
- type: "string",
- default: "#333"
- },
- color: {
- type: "string",
- default: "#333"
- },
- background: {
- type: "string",
- default: ""
- },
- hColor: {
- type: "string",
- default: "#333"
- },
- hBackground: {
- type: "string",
- default: ""
- },
- sizeType: {
- type: "string",
- default: "px"
- },
- sizeMobile: {
- type: "number",
- default: ""
- },
- sizeTablet: {
- type: "number",
- default: ""
- },
- lineHeight: {
- type: "number",
- default: ""
- },
- lineHeightType: {
- type: "string",
- default: "em"
- },
- lineHeightMobile: {
- type: "number",
- default: ""
- },
- lineHeightTablet: {
- type: "number",
- default: ""
- },
- opensInNewTab: {
- type: "boolean"
- },
- icon: {
- type: "string",
- default: ""
- },
- iconPosition: {
- type: "string",
- default: "after"
- },
- iconSpace: {
- type: "number",
- default: 8
- }
-};
+ case 'PageDown':
+ if (!menuIsOpen) return;
-/* harmony default export */ __webpack_exports__["a"] = (attributes);
+ _this.focusOption('pagedown');
-/***/ }),
-/* 156 */
-/*!***********************************************************!*\
- !*** ./node_modules/react-transition-group/Transition.js ***!
- \***********************************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports, __webpack_require__) {
+ break;
-"use strict";
-/* WEBPACK VAR INJECTION */(function(process) {
+ case 'Home':
+ if (!menuIsOpen) return;
-exports.__esModule = true;
-exports.default = exports.EXITING = exports.ENTERED = exports.ENTERING = exports.EXITED = exports.UNMOUNTED = void 0;
+ _this.focusOption('first');
-var PropTypes = _interopRequireWildcard(__webpack_require__(/*! prop-types */ 15));
+ break;
-var _react = _interopRequireDefault(__webpack_require__(/*! react */ 6));
+ case 'End':
+ if (!menuIsOpen) return;
-var _reactDom = _interopRequireDefault(__webpack_require__(/*! react-dom */ 18));
+ _this.focusOption('last');
-var _reactLifecyclesCompat = __webpack_require__(/*! react-lifecycles-compat */ 157);
+ break;
-var _PropTypes = __webpack_require__(/*! ./utils/PropTypes */ 158);
+ default:
+ return;
+ }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+ event.preventDefault();
+ };
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+ _this.buildMenuOptions = function (props, selectValue) {
+ var _props$inputValue = props.inputValue,
+ inputValue = _props$inputValue === void 0 ? '' : _props$inputValue,
+ options = props.options;
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+ var toOption = function toOption(option, id) {
+ var isDisabled = _this.isOptionDisabled(option, selectValue);
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+ var isSelected = _this.isOptionSelected(option, selectValue);
-var UNMOUNTED = 'unmounted';
-exports.UNMOUNTED = UNMOUNTED;
-var EXITED = 'exited';
-exports.EXITED = EXITED;
-var ENTERING = 'entering';
-exports.ENTERING = ENTERING;
-var ENTERED = 'entered';
-exports.ENTERED = ENTERED;
-var EXITING = 'exiting';
-/**
- * The Transition component lets you describe a transition from one component
- * state to another _over time_ with a simple declarative API. Most commonly
- * it's used to animate the mounting and unmounting of a component, but can also
- * be used to describe in-place transition states as well.
- *
- * ---
- *
- * **Note**: `Transition` is a platform-agnostic base component. If you're using
- * transitions in CSS, you'll probably want to use
- * [`CSSTransition`](https://reactcommunity.org/react-transition-group/css-transition)
- * instead. It inherits all the features of `Transition`, but contains
- * additional features necessary to play nice with CSS transitions (hence the
- * name of the component).
- *
- * ---
- *
- * By default the `Transition` component does not alter the behavior of the
- * component it renders, it only tracks "enter" and "exit" states for the
- * components. It's up to you to give meaning and effect to those states. For
- * example we can add styles to a component when it enters or exits:
- *
- * ```jsx
- * import { Transition } from 'react-transition-group';
- *
- * const duration = 300;
- *
- * const defaultStyle = {
- * transition: `opacity ${duration}ms ease-in-out`,
- * opacity: 0,
- * }
- *
- * const transitionStyles = {
- * entering: { opacity: 0 },
- * entered: { opacity: 1 },
- * };
- *
- * const Fade = ({ in: inProp }) => (
- *
- * {state => (
- *
- * I'm a fade Transition!
- *
- * )}
- *
- * );
- * ```
- *
- * There are 4 main states a Transition can be in:
- * - `'entering'`
- * - `'entered'`
- * - `'exiting'`
- * - `'exited'`
- *
- * Transition state is toggled via the `in` prop. When `true` the component
- * begins the "Enter" stage. During this stage, the component will shift from
- * its current transition state, to `'entering'` for the duration of the
- * transition and then to the `'entered'` stage once it's complete. Let's take
- * the following example (we'll use the
- * [useState](https://reactjs.org/docs/hooks-reference.html#usestate) hook):
- *
- * ```jsx
- * function App() {
- * const [inProp, setInProp] = useState(false);
- * return (
- *
- *
- * {state => (
- * // ...
- * )}
- *
- *
- *
- * );
- * }
- * ```
- *
- * When the button is clicked the component will shift to the `'entering'` state
- * and stay there for 500ms (the value of `timeout`) before it finally switches
- * to `'entered'`.
- *
- * When `in` is `false` the same thing happens except the state moves from
- * `'exiting'` to `'exited'`.
- */
+ var label = _this.getOptionLabel(option);
-exports.EXITING = EXITING;
+ var value = _this.getOptionValue(option);
-var Transition =
-/*#__PURE__*/
-function (_React$Component) {
- _inheritsLoose(Transition, _React$Component);
+ if (_this.shouldHideSelectedOptions() && isSelected || !_this.filterOption({
+ label: label,
+ value: value,
+ data: option
+ }, inputValue)) {
+ return;
+ }
- function Transition(props, context) {
- var _this;
+ var onHover = isDisabled ? undefined : function () {
+ return _this.onOptionHover(option);
+ };
+ var onSelect = isDisabled ? undefined : function () {
+ return _this.selectOption(option);
+ };
+ var optionId = "".concat(_this.getElementId('option'), "-").concat(id);
+ return {
+ innerProps: {
+ id: optionId,
+ onClick: onSelect,
+ onMouseMove: onHover,
+ onMouseOver: onHover,
+ tabIndex: -1
+ },
+ data: option,
+ isDisabled: isDisabled,
+ isSelected: isSelected,
+ key: optionId,
+ label: label,
+ type: 'option',
+ value: value
+ };
+ };
- _this = _React$Component.call(this, props, context) || this;
- var parentGroup = context.transitionGroup; // In the context of a TransitionGroup all enters are really appears
+ return options.reduce(function (acc, item, itemIndex) {
+ if (item.options) {
+ // TODO needs a tidier implementation
+ if (!_this.hasGroups) _this.hasGroups = true;
+ var items = item.options;
+ var children = items.map(function (child, i) {
+ var option = toOption(child, "".concat(itemIndex, "-").concat(i));
+ if (option) acc.focusable.push(child);
+ return option;
+ }).filter(Boolean);
- var appear = parentGroup && !parentGroup.isMounting ? props.enter : props.appear;
- var initialStatus;
- _this.appearStatus = null;
+ if (children.length) {
+ var groupId = "".concat(_this.getElementId('group'), "-").concat(itemIndex);
+ acc.render.push({
+ type: 'group',
+ key: groupId,
+ data: item,
+ options: children
+ });
+ }
+ } else {
+ var option = toOption(item, "".concat(itemIndex));
- if (props.in) {
- if (appear) {
- initialStatus = EXITED;
- _this.appearStatus = ENTERING;
- } else {
- initialStatus = ENTERED;
- }
- } else {
- if (props.unmountOnExit || props.mountOnEnter) {
- initialStatus = UNMOUNTED;
- } else {
- initialStatus = EXITED;
- }
- }
+ if (option) {
+ acc.render.push(option);
+ acc.focusable.push(item);
+ }
+ }
- _this.state = {
- status: initialStatus
+ return acc;
+ }, {
+ render: [],
+ focusable: []
+ });
};
- _this.nextCallback = null;
- return _this;
- }
- var _proto = Transition.prototype;
+ var _value = _props.value;
+ _this.cacheComponents = Object(__WEBPACK_IMPORTED_MODULE_12_memoize_one__["a" /* default */])(_this.cacheComponents, __WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["b" /* B */]).bind(Object(__WEBPACK_IMPORTED_MODULE_7__babel_runtime_helpers_esm_assertThisInitialized__["a" /* default */])(_this));
- _proto.getChildContext = function getChildContext() {
- return {
- transitionGroup: null // allows for nested Transitions
+ _this.cacheComponents(_props.components);
- };
- };
+ _this.instancePrefix = 'react-select-' + (_this.props.instanceId || ++instanceId);
- Transition.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {
- var nextIn = _ref.in;
+ var _selectValue = Object(__WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["c" /* C */])(_value);
- if (nextIn && prevState.status === UNMOUNTED) {
- return {
- status: EXITED
- };
- }
+ _this.buildMenuOptions = Object(__WEBPACK_IMPORTED_MODULE_12_memoize_one__["a" /* default */])(_this.buildMenuOptions, function (newArgs, lastArgs) {
+ var _ref6 = newArgs,
+ _ref7 = Object(__WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_slicedToArray__["a" /* default */])(_ref6, 2),
+ newProps = _ref7[0],
+ newSelectValue = _ref7[1];
- return null;
- }; // getSnapshotBeforeUpdate(prevProps) {
- // let nextStatus = null
- // if (prevProps !== this.props) {
- // const { status } = this.state
- // if (this.props.in) {
- // if (status !== ENTERING && status !== ENTERED) {
- // nextStatus = ENTERING
- // }
- // } else {
- // if (status === ENTERING || status === ENTERED) {
- // nextStatus = EXITING
- // }
- // }
- // }
- // return { nextStatus }
- // }
+ var _ref8 = lastArgs,
+ _ref9 = Object(__WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_slicedToArray__["a" /* default */])(_ref8, 2),
+ lastProps = _ref9[0],
+ lastSelectValue = _ref9[1];
+ return newSelectValue === lastSelectValue && newProps.inputValue === lastProps.inputValue && newProps.options === lastProps.options;
+ }).bind(Object(__WEBPACK_IMPORTED_MODULE_7__babel_runtime_helpers_esm_assertThisInitialized__["a" /* default */])(_this));
- _proto.componentDidMount = function componentDidMount() {
- this.updateStatus(true, this.appearStatus);
- };
+ var _menuOptions = _props.menuIsOpen ? _this.buildMenuOptions(_props, _selectValue) : {
+ render: [],
+ focusable: []
+ };
- _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
- var nextStatus = null;
+ _this.state.menuOptions = _menuOptions;
+ _this.state.selectValue = _selectValue;
+ return _this;
+ }
- if (prevProps !== this.props) {
- var status = this.state.status;
+ Object(__WEBPACK_IMPORTED_MODULE_6__babel_runtime_helpers_esm_createClass__["a" /* default */])(Select, [{
+ key: "componentDidMount",
+ value: function componentDidMount() {
+ this.startListeningComposition();
+ this.startListeningToTouch();
- if (this.props.in) {
- if (status !== ENTERING && status !== ENTERED) {
- nextStatus = ENTERING;
- }
- } else {
- if (status === ENTERING || status === ENTERED) {
- nextStatus = EXITING;
- }
+ if (this.props.closeMenuOnScroll && document && document.addEventListener) {
+ // Listen to all scroll events, and filter them out inside of 'onScroll'
+ document.addEventListener('scroll', this.onScroll, true);
+ }
+
+ if (this.props.autoFocus) {
+ this.focusInput();
}
}
+ }, {
+ key: "UNSAFE_componentWillReceiveProps",
+ value: function UNSAFE_componentWillReceiveProps(nextProps) {
+ var _this$props8 = this.props,
+ options = _this$props8.options,
+ value = _this$props8.value,
+ menuIsOpen = _this$props8.menuIsOpen,
+ inputValue = _this$props8.inputValue; // re-cache custom components
- this.updateStatus(false, nextStatus);
- };
+ this.cacheComponents(nextProps.components); // rebuild the menu options
- _proto.componentWillUnmount = function componentWillUnmount() {
- this.cancelNextCallback();
- };
+ if (nextProps.value !== value || nextProps.options !== options || nextProps.menuIsOpen !== menuIsOpen || nextProps.inputValue !== inputValue) {
+ var selectValue = Object(__WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["c" /* C */])(nextProps.value);
+ var menuOptions = nextProps.menuIsOpen ? this.buildMenuOptions(nextProps, selectValue) : {
+ render: [],
+ focusable: []
+ };
+ var focusedValue = this.getNextFocusedValue(selectValue);
+ var focusedOption = this.getNextFocusedOption(menuOptions.focusable);
+ this.setState({
+ menuOptions: menuOptions,
+ selectValue: selectValue,
+ focusedOption: focusedOption,
+ focusedValue: focusedValue
+ });
+ } // some updates should toggle the state of the input visibility
- _proto.getTimeouts = function getTimeouts() {
- var timeout = this.props.timeout;
- var exit, enter, appear;
- exit = enter = appear = timeout;
- if (timeout != null && typeof timeout !== 'number') {
- exit = timeout.exit;
- enter = timeout.enter; // TODO: remove fallback for next major
-
- appear = timeout.appear !== undefined ? timeout.appear : enter;
- }
+ if (this.inputIsHiddenAfterUpdate != null) {
+ this.setState({
+ inputIsHidden: this.inputIsHiddenAfterUpdate
+ });
+ delete this.inputIsHiddenAfterUpdate;
+ }
+ }
+ }, {
+ key: "componentDidUpdate",
+ value: function componentDidUpdate(prevProps) {
+ var _this$props9 = this.props,
+ isDisabled = _this$props9.isDisabled,
+ menuIsOpen = _this$props9.menuIsOpen;
+ var isFocused = this.state.isFocused;
+
+ if ( // ensure focus is restored correctly when the control becomes enabled
+ isFocused && !isDisabled && prevProps.isDisabled || // ensure focus is on the Input when the menu opens
+ isFocused && menuIsOpen && !prevProps.menuIsOpen) {
+ this.focusInput();
+ }
+
+ if (isFocused && isDisabled && !prevProps.isDisabled) {
+ // ensure select state gets blurred in case Select is programatically disabled while focused
+ this.setState({
+ isFocused: false
+ }, this.onMenuClose);
+ } // scroll the focused option into view if necessary
+
+
+ if (this.menuListRef && this.focusedOptionRef && this.scrollToFocusedOptionOnUpdate) {
+ Object(__WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["d" /* D */])(this.menuListRef, this.focusedOptionRef);
+ this.scrollToFocusedOptionOnUpdate = false;
+ }
+ }
+ }, {
+ key: "componentWillUnmount",
+ value: function componentWillUnmount() {
+ this.stopListeningComposition();
+ this.stopListeningToTouch();
+ document.removeEventListener('scroll', this.onScroll, true);
+ }
+ }, {
+ key: "onMenuOpen",
+ // ==============================
+ // Consumer Handlers
+ // ==============================
+ value: function onMenuOpen() {
+ this.props.onMenuOpen();
+ }
+ }, {
+ key: "onMenuClose",
+ value: function onMenuClose() {
+ var _this$props10 = this.props,
+ isSearchable = _this$props10.isSearchable,
+ isMulti = _this$props10.isMulti;
+ this.announceAriaLiveContext({
+ event: 'input',
+ context: {
+ isSearchable: isSearchable,
+ isMulti: isMulti
+ }
+ });
+ this.onInputChange('', {
+ action: 'menu-close'
+ });
+ this.props.onMenuClose();
+ }
+ }, {
+ key: "onInputChange",
+ value: function onInputChange(newValue, actionMeta) {
+ this.props.onInputChange(newValue, actionMeta);
+ } // ==============================
+ // Methods
+ // ==============================
+
+ }, {
+ key: "focusInput",
+ value: function focusInput() {
+ if (!this.inputRef) return;
+ this.inputRef.focus();
+ }
+ }, {
+ key: "blurInput",
+ value: function blurInput() {
+ if (!this.inputRef) return;
+ this.inputRef.blur();
+ } // aliased for consumers
+
+ }, {
+ key: "openMenu",
+ value: function openMenu(focusOption) {
+ var _this2 = this;
- return {
- exit: exit,
- enter: enter,
- appear: appear
- };
- };
+ var _this$state3 = this.state,
+ selectValue = _this$state3.selectValue,
+ isFocused = _this$state3.isFocused;
+ var menuOptions = this.buildMenuOptions(this.props, selectValue);
+ var _this$props11 = this.props,
+ isMulti = _this$props11.isMulti,
+ tabSelectsValue = _this$props11.tabSelectsValue;
+ var openAtIndex = focusOption === 'first' ? 0 : menuOptions.focusable.length - 1;
- _proto.updateStatus = function updateStatus(mounting, nextStatus) {
- if (mounting === void 0) {
- mounting = false;
- }
+ if (!isMulti) {
+ var selectedIndex = menuOptions.focusable.indexOf(selectValue[0]);
- if (nextStatus !== null) {
- // nextStatus will always be ENTERING or EXITING.
- this.cancelNextCallback();
+ if (selectedIndex > -1) {
+ openAtIndex = selectedIndex;
+ }
+ } // only scroll if the menu isn't already open
- var node = _reactDom.default.findDOMNode(this);
- if (nextStatus === ENTERING) {
- this.performEnter(node, mounting);
- } else {
- this.performExit(node);
- }
- } else if (this.props.unmountOnExit && this.state.status === EXITED) {
+ this.scrollToFocusedOptionOnUpdate = !(isFocused && this.menuListRef);
+ this.inputIsHiddenAfterUpdate = false;
this.setState({
- status: UNMOUNTED
+ menuOptions: menuOptions,
+ focusedValue: null,
+ focusedOption: menuOptions.focusable[openAtIndex]
+ }, function () {
+ _this2.onMenuOpen();
+
+ _this2.announceAriaLiveContext({
+ event: 'menu',
+ context: {
+ tabSelectsValue: tabSelectsValue
+ }
+ });
});
}
- };
+ }, {
+ key: "focusValue",
+ value: function focusValue(direction) {
+ var _this$props12 = this.props,
+ isMulti = _this$props12.isMulti,
+ isSearchable = _this$props12.isSearchable;
+ var _this$state4 = this.state,
+ selectValue = _this$state4.selectValue,
+ focusedValue = _this$state4.focusedValue; // Only multiselects support value focusing
+
+ if (!isMulti) return;
+ this.setState({
+ focusedOption: null
+ });
+ var focusedIndex = selectValue.indexOf(focusedValue);
- _proto.performEnter = function performEnter(node, mounting) {
- var _this2 = this;
+ if (!focusedValue) {
+ focusedIndex = -1;
+ this.announceAriaLiveContext({
+ event: 'value'
+ });
+ }
- var enter = this.props.enter;
- var appearing = this.context.transitionGroup ? this.context.transitionGroup.isMounting : mounting;
- var timeouts = this.getTimeouts();
- var enterTimeout = appearing ? timeouts.appear : timeouts.enter; // no enter animation skip right to ENTERED
- // if we are mounting and running this it means appear _must_ be set
+ var lastIndex = selectValue.length - 1;
+ var nextFocus = -1;
+ if (!selectValue.length) return;
- if (!mounting && !enter) {
- this.safeSetState({
- status: ENTERED
- }, function () {
- _this2.props.onEntered(node);
- });
- return;
- }
+ switch (direction) {
+ case 'previous':
+ if (focusedIndex === 0) {
+ // don't cycle from the start to the end
+ nextFocus = 0;
+ } else if (focusedIndex === -1) {
+ // if nothing is focused, focus the last value first
+ nextFocus = lastIndex;
+ } else {
+ nextFocus = focusedIndex - 1;
+ }
- this.props.onEnter(node, appearing);
- this.safeSetState({
- status: ENTERING
- }, function () {
- _this2.props.onEntering(node, appearing);
+ break;
- _this2.onTransitionEnd(node, enterTimeout, function () {
- _this2.safeSetState({
- status: ENTERED
- }, function () {
- _this2.props.onEntered(node, appearing);
- });
- });
- });
- };
+ case 'next':
+ if (focusedIndex > -1 && focusedIndex < lastIndex) {
+ nextFocus = focusedIndex + 1;
+ }
- _proto.performExit = function performExit(node) {
- var _this3 = this;
+ break;
+ }
- var exit = this.props.exit;
- var timeouts = this.getTimeouts(); // no exit animation skip right to EXITED
+ if (nextFocus === -1) {
+ this.announceAriaLiveContext({
+ event: 'input',
+ context: {
+ isSearchable: isSearchable,
+ isMulti: isMulti
+ }
+ });
+ }
- if (!exit) {
- this.safeSetState({
- status: EXITED
- }, function () {
- _this3.props.onExited(node);
+ this.setState({
+ inputIsHidden: nextFocus !== -1,
+ focusedValue: selectValue[nextFocus]
});
- return;
}
+ }, {
+ key: "focusOption",
+ value: function focusOption() {
+ var direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'first';
+ var _this$props13 = this.props,
+ pageSize = _this$props13.pageSize,
+ tabSelectsValue = _this$props13.tabSelectsValue;
+ var _this$state5 = this.state,
+ focusedOption = _this$state5.focusedOption,
+ menuOptions = _this$state5.menuOptions;
+ var options = menuOptions.focusable;
+ if (!options.length) return;
+ var nextFocus = 0; // handles 'first'
+
+ var focusedIndex = options.indexOf(focusedOption);
+
+ if (!focusedOption) {
+ focusedIndex = -1;
+ this.announceAriaLiveContext({
+ event: 'menu',
+ context: {
+ tabSelectsValue: tabSelectsValue
+ }
+ });
+ }
- this.props.onExit(node);
- this.safeSetState({
- status: EXITING
- }, function () {
- _this3.props.onExiting(node);
+ if (direction === 'up') {
+ nextFocus = focusedIndex > 0 ? focusedIndex - 1 : options.length - 1;
+ } else if (direction === 'down') {
+ nextFocus = (focusedIndex + 1) % options.length;
+ } else if (direction === 'pageup') {
+ nextFocus = focusedIndex - pageSize;
+ if (nextFocus < 0) nextFocus = 0;
+ } else if (direction === 'pagedown') {
+ nextFocus = focusedIndex + pageSize;
+ if (nextFocus > options.length - 1) nextFocus = options.length - 1;
+ } else if (direction === 'last') {
+ nextFocus = options.length - 1;
+ }
- _this3.onTransitionEnd(node, timeouts.exit, function () {
- _this3.safeSetState({
- status: EXITED
- }, function () {
- _this3.props.onExited(node);
- });
+ this.scrollToFocusedOptionOnUpdate = true;
+ this.setState({
+ focusedOption: options[nextFocus],
+ focusedValue: null
+ });
+ this.announceAriaLiveContext({
+ event: 'menu',
+ context: {
+ isDisabled: isOptionDisabled(options[nextFocus]),
+ tabSelectsValue: tabSelectsValue
+ }
});
- });
- };
-
- _proto.cancelNextCallback = function cancelNextCallback() {
- if (this.nextCallback !== null) {
- this.nextCallback.cancel();
- this.nextCallback = null;
}
- };
-
- _proto.safeSetState = function safeSetState(nextState, callback) {
- // This shouldn't be necessary, but there are weird race conditions with
- // setState callbacks and unmounting in testing, so always make sure that
- // we can cancel any pending setState callbacks after we unmount.
- callback = this.setNextCallback(callback);
- this.setState(nextState, callback);
- };
-
- _proto.setNextCallback = function setNextCallback(callback) {
- var _this4 = this;
-
- var active = true;
-
- this.nextCallback = function (event) {
- if (active) {
- active = false;
- _this4.nextCallback = null;
- callback(event);
+ }, {
+ key: "getTheme",
+ // ==============================
+ // Getters
+ // ==============================
+ value: function getTheme() {
+ // Use the default theme if there are no customizations.
+ if (!this.props.theme) {
+ return defaultTheme;
+ } // If the theme prop is a function, assume the function
+ // knows how to merge the passed-in default theme with
+ // its own modifications.
+
+
+ if (typeof this.props.theme === 'function') {
+ return this.props.theme(defaultTheme);
+ } // Otherwise, if a plain theme object was passed in,
+ // overlay it with the default theme.
+
+
+ return _objectSpread$2(_objectSpread$2({}, defaultTheme), this.props.theme);
+ }
+ }, {
+ key: "getCommonProps",
+ value: function getCommonProps() {
+ var clearValue = this.clearValue,
+ cx = this.cx,
+ getStyles = this.getStyles,
+ getValue = this.getValue,
+ setValue = this.setValue,
+ selectOption = this.selectOption,
+ props = this.props;
+ var isMulti = props.isMulti,
+ isRtl = props.isRtl,
+ options = props.options;
+ var hasValue = this.hasValue();
+ return {
+ cx: cx,
+ clearValue: clearValue,
+ getStyles: getStyles,
+ getValue: getValue,
+ hasValue: hasValue,
+ isMulti: isMulti,
+ isRtl: isRtl,
+ options: options,
+ selectOption: selectOption,
+ setValue: setValue,
+ selectProps: props,
+ theme: this.getTheme()
+ };
+ }
+ }, {
+ key: "getNextFocusedValue",
+ value: function getNextFocusedValue(nextSelectValue) {
+ if (this.clearFocusValueOnUpdate) {
+ this.clearFocusValueOnUpdate = false;
+ return null;
}
- };
- this.nextCallback.cancel = function () {
- active = false;
- };
+ var _this$state6 = this.state,
+ focusedValue = _this$state6.focusedValue,
+ lastSelectValue = _this$state6.selectValue;
+ var lastFocusedIndex = lastSelectValue.indexOf(focusedValue);
- return this.nextCallback;
- };
+ if (lastFocusedIndex > -1) {
+ var nextFocusedIndex = nextSelectValue.indexOf(focusedValue);
- _proto.onTransitionEnd = function onTransitionEnd(node, timeout, handler) {
- this.setNextCallback(handler);
- var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;
+ if (nextFocusedIndex > -1) {
+ // the focused value is still in the selectValue, return it
+ return focusedValue;
+ } else if (lastFocusedIndex < nextSelectValue.length) {
+ // the focusedValue is not present in the next selectValue array by
+ // reference, so return the new value at the same index
+ return nextSelectValue[lastFocusedIndex];
+ }
+ }
- if (!node || doesNotHaveTimeoutOrListener) {
- setTimeout(this.nextCallback, 0);
- return;
+ return null;
}
-
- if (this.props.addEndListener) {
- this.props.addEndListener(node, this.nextCallback);
+ }, {
+ key: "getNextFocusedOption",
+ value: function getNextFocusedOption(options) {
+ var lastFocusedOption = this.state.focusedOption;
+ return lastFocusedOption && options.indexOf(lastFocusedOption) > -1 ? lastFocusedOption : options[0];
}
-
- if (timeout != null) {
- setTimeout(this.nextCallback, timeout);
+ }, {
+ key: "hasValue",
+ value: function hasValue() {
+ var selectValue = this.state.selectValue;
+ return selectValue.length > 0;
}
- };
-
- _proto.render = function render() {
- var status = this.state.status;
-
- if (status === UNMOUNTED) {
- return null;
+ }, {
+ key: "hasOptions",
+ value: function hasOptions() {
+ return !!this.state.menuOptions.render.length;
}
-
- var _this$props = this.props,
- children = _this$props.children,
- childProps = _objectWithoutPropertiesLoose(_this$props, ["children"]); // filter props for Transtition
-
-
- delete childProps.in;
- delete childProps.mountOnEnter;
- delete childProps.unmountOnExit;
- delete childProps.appear;
- delete childProps.enter;
- delete childProps.exit;
- delete childProps.timeout;
- delete childProps.addEndListener;
- delete childProps.onEnter;
- delete childProps.onEntering;
- delete childProps.onEntered;
- delete childProps.onExit;
- delete childProps.onExiting;
- delete childProps.onExited;
-
- if (typeof children === 'function') {
- return children(status, childProps);
+ }, {
+ key: "countOptions",
+ value: function countOptions() {
+ return this.state.menuOptions.focusable.length;
}
+ }, {
+ key: "isClearable",
+ value: function isClearable() {
+ var _this$props14 = this.props,
+ isClearable = _this$props14.isClearable,
+ isMulti = _this$props14.isMulti; // single select, by default, IS NOT clearable
+ // multi select, by default, IS clearable
- var child = _react.default.Children.only(children);
+ if (isClearable === undefined) return isMulti;
+ return isClearable;
+ }
+ }, {
+ key: "isOptionDisabled",
+ value: function isOptionDisabled(option, selectValue) {
+ return typeof this.props.isOptionDisabled === 'function' ? this.props.isOptionDisabled(option, selectValue) : false;
+ }
+ }, {
+ key: "isOptionSelected",
+ value: function isOptionSelected(option, selectValue) {
+ var _this3 = this;
- return _react.default.cloneElement(child, childProps);
- };
+ if (selectValue.indexOf(option) > -1) return true;
- return Transition;
-}(_react.default.Component);
+ if (typeof this.props.isOptionSelected === 'function') {
+ return this.props.isOptionSelected(option, selectValue);
+ }
-Transition.contextTypes = {
- transitionGroup: PropTypes.object
-};
-Transition.childContextTypes = {
- transitionGroup: function transitionGroup() {}
-};
-Transition.propTypes = process.env.NODE_ENV !== "production" ? {
- /**
- * A `function` child can be used instead of a React element. This function is
- * called with the current transition status (`'entering'`, `'entered'`,
- * `'exiting'`, `'exited'`, `'unmounted'`), which can be used to apply context
- * specific props to a component.
- *
- * ```jsx
- *
- * {state => (
- *
- * )}
- *
- * ```
- */
- children: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
+ var candidate = this.getOptionValue(option);
+ return selectValue.some(function (i) {
+ return _this3.getOptionValue(i) === candidate;
+ });
+ }
+ }, {
+ key: "filterOption",
+ value: function filterOption(option, inputValue) {
+ return this.props.filterOption ? this.props.filterOption(option, inputValue) : true;
+ }
+ }, {
+ key: "formatOptionLabel",
+ value: function formatOptionLabel(data, context) {
+ if (typeof this.props.formatOptionLabel === 'function') {
+ var inputValue = this.props.inputValue;
+ var selectValue = this.state.selectValue;
+ return this.props.formatOptionLabel(data, {
+ context: context,
+ inputValue: inputValue,
+ selectValue: selectValue
+ });
+ } else {
+ return this.getOptionLabel(data);
+ }
+ }
+ }, {
+ key: "formatGroupLabel",
+ value: function formatGroupLabel(data) {
+ return this.props.formatGroupLabel(data);
+ } // ==============================
+ // Mouse Handlers
+ // ==============================
+
+ }, {
+ key: "startListeningComposition",
+ // ==============================
+ // Composition Handlers
+ // ==============================
+ value: function startListeningComposition() {
+ if (document && document.addEventListener) {
+ document.addEventListener('compositionstart', this.onCompositionStart, false);
+ document.addEventListener('compositionend', this.onCompositionEnd, false);
+ }
+ }
+ }, {
+ key: "stopListeningComposition",
+ value: function stopListeningComposition() {
+ if (document && document.removeEventListener) {
+ document.removeEventListener('compositionstart', this.onCompositionStart);
+ document.removeEventListener('compositionend', this.onCompositionEnd);
+ }
+ }
+ }, {
+ key: "startListeningToTouch",
+ // ==============================
+ // Touch Handlers
+ // ==============================
+ value: function startListeningToTouch() {
+ if (document && document.addEventListener) {
+ document.addEventListener('touchstart', this.onTouchStart, false);
+ document.addEventListener('touchmove', this.onTouchMove, false);
+ document.addEventListener('touchend', this.onTouchEnd, false);
+ }
+ }
+ }, {
+ key: "stopListeningToTouch",
+ value: function stopListeningToTouch() {
+ if (document && document.removeEventListener) {
+ document.removeEventListener('touchstart', this.onTouchStart);
+ document.removeEventListener('touchmove', this.onTouchMove);
+ document.removeEventListener('touchend', this.onTouchEnd);
+ }
+ }
+ }, {
+ key: "constructAriaLiveMessage",
+ // ==============================
+ // Renderers
+ // ==============================
+ value: function constructAriaLiveMessage() {
+ var _this$state7 = this.state,
+ ariaLiveContext = _this$state7.ariaLiveContext,
+ selectValue = _this$state7.selectValue,
+ focusedValue = _this$state7.focusedValue,
+ focusedOption = _this$state7.focusedOption;
+ var _this$props15 = this.props,
+ options = _this$props15.options,
+ menuIsOpen = _this$props15.menuIsOpen,
+ inputValue = _this$props15.inputValue,
+ screenReaderStatus = _this$props15.screenReaderStatus; // An aria live message representing the currently focused value in the select.
+
+ var focusedValueMsg = focusedValue ? valueFocusAriaMessage({
+ focusedValue: focusedValue,
+ getOptionLabel: this.getOptionLabel,
+ selectValue: selectValue
+ }) : ''; // An aria live message representing the currently focused option in the select.
- /**
- * Show the component; triggers the enter or exit states
- */
- in: PropTypes.bool,
+ var focusedOptionMsg = focusedOption && menuIsOpen ? optionFocusAriaMessage({
+ focusedOption: focusedOption,
+ getOptionLabel: this.getOptionLabel,
+ options: options
+ }) : ''; // An aria live message representing the set of focusable results and current searchterm/inputvalue.
- /**
- * By default the child component is mounted immediately along with
- * the parent `Transition` component. If you want to "lazy mount" the component on the
- * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
- * mounted, even on "exited", unless you also specify `unmountOnExit`.
- */
- mountOnEnter: PropTypes.bool,
+ var resultsMsg = resultsAriaMessage({
+ inputValue: inputValue,
+ screenReaderMessage: screenReaderStatus({
+ count: this.countOptions()
+ })
+ });
+ return "".concat(focusedValueMsg, " ").concat(focusedOptionMsg, " ").concat(resultsMsg, " ").concat(ariaLiveContext);
+ }
+ }, {
+ key: "renderInput",
+ value: function renderInput() {
+ var _this$props16 = this.props,
+ isDisabled = _this$props16.isDisabled,
+ isSearchable = _this$props16.isSearchable,
+ inputId = _this$props16.inputId,
+ inputValue = _this$props16.inputValue,
+ tabIndex = _this$props16.tabIndex,
+ form = _this$props16.form;
+ var Input = this.components.Input;
+ var inputIsHidden = this.state.inputIsHidden;
+ var id = inputId || this.getElementId('input'); // aria attributes makes the JSX "noisy", separated for clarity
+
+ var ariaAttributes = {
+ 'aria-autocomplete': 'list',
+ 'aria-label': this.props['aria-label'],
+ 'aria-labelledby': this.props['aria-labelledby']
+ };
- /**
- * By default the child component stays mounted after it reaches the `'exited'` state.
- * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
- */
- unmountOnExit: PropTypes.bool,
+ if (!isSearchable) {
+ // use a dummy input to maintain focus/blur functionality
+ return /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement(DummyInput, Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({
+ id: id,
+ innerRef: this.getInputRef,
+ onBlur: this.onInputBlur,
+ onChange: __WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["e" /* E */],
+ onFocus: this.onInputFocus,
+ readOnly: true,
+ disabled: isDisabled,
+ tabIndex: tabIndex,
+ form: form,
+ value: ""
+ }, ariaAttributes));
+ }
+
+ var _this$commonProps = this.commonProps,
+ cx = _this$commonProps.cx,
+ theme = _this$commonProps.theme,
+ selectProps = _this$commonProps.selectProps;
+ return /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement(Input, Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({
+ autoCapitalize: "none",
+ autoComplete: "off",
+ autoCorrect: "off",
+ cx: cx,
+ getStyles: this.getStyles,
+ id: id,
+ innerRef: this.getInputRef,
+ isDisabled: isDisabled,
+ isHidden: inputIsHidden,
+ onBlur: this.onInputBlur,
+ onChange: this.handleInputChange,
+ onFocus: this.onInputFocus,
+ selectProps: selectProps,
+ spellCheck: "false",
+ tabIndex: tabIndex,
+ form: form,
+ theme: theme,
+ type: "text",
+ value: inputValue
+ }, ariaAttributes));
+ }
+ }, {
+ key: "renderPlaceholderOrValue",
+ value: function renderPlaceholderOrValue() {
+ var _this4 = this;
+
+ var _this$components = this.components,
+ MultiValue = _this$components.MultiValue,
+ MultiValueContainer = _this$components.MultiValueContainer,
+ MultiValueLabel = _this$components.MultiValueLabel,
+ MultiValueRemove = _this$components.MultiValueRemove,
+ SingleValue = _this$components.SingleValue,
+ Placeholder = _this$components.Placeholder;
+ var commonProps = this.commonProps;
+ var _this$props17 = this.props,
+ controlShouldRenderValue = _this$props17.controlShouldRenderValue,
+ isDisabled = _this$props17.isDisabled,
+ isMulti = _this$props17.isMulti,
+ inputValue = _this$props17.inputValue,
+ placeholder = _this$props17.placeholder;
+ var _this$state8 = this.state,
+ selectValue = _this$state8.selectValue,
+ focusedValue = _this$state8.focusedValue,
+ isFocused = _this$state8.isFocused;
+
+ if (!this.hasValue() || !controlShouldRenderValue) {
+ return inputValue ? null : /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement(Placeholder, Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({}, commonProps, {
+ key: "placeholder",
+ isDisabled: isDisabled,
+ isFocused: isFocused
+ }), placeholder);
+ }
- /**
- * Normally a component is not transitioned if it is shown when the `` component mounts.
- * If you want to transition on the first mount set `appear` to `true`, and the
- * component will transition in as soon as the `` mounts.
- *
- * > Note: there are no specific "appear" states. `appear` only adds an additional `enter` transition.
- */
- appear: PropTypes.bool,
+ if (isMulti) {
+ var selectValues = selectValue.map(function (opt, index) {
+ var isOptionFocused = opt === focusedValue;
+ return /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement(MultiValue, Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({}, commonProps, {
+ components: {
+ Container: MultiValueContainer,
+ Label: MultiValueLabel,
+ Remove: MultiValueRemove
+ },
+ isFocused: isOptionFocused,
+ isDisabled: isDisabled,
+ key: "".concat(_this4.getOptionValue(opt)).concat(index),
+ index: index,
+ removeProps: {
+ onClick: function onClick() {
+ return _this4.removeValue(opt);
+ },
+ onTouchEnd: function onTouchEnd() {
+ return _this4.removeValue(opt);
+ },
+ onMouseDown: function onMouseDown(e) {
+ e.preventDefault();
+ e.stopPropagation();
+ }
+ },
+ data: opt
+ }), _this4.formatOptionLabel(opt, 'value'));
+ });
+ return selectValues;
+ }
- /**
- * Enable or disable enter transitions.
- */
- enter: PropTypes.bool,
+ if (inputValue) {
+ return null;
+ }
- /**
- * Enable or disable exit transitions.
- */
- exit: PropTypes.bool,
+ var singleValue = selectValue[0];
+ return /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement(SingleValue, Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({}, commonProps, {
+ data: singleValue,
+ isDisabled: isDisabled
+ }), this.formatOptionLabel(singleValue, 'value'));
+ }
+ }, {
+ key: "renderClearIndicator",
+ value: function renderClearIndicator() {
+ var ClearIndicator = this.components.ClearIndicator;
+ var commonProps = this.commonProps;
+ var _this$props18 = this.props,
+ isDisabled = _this$props18.isDisabled,
+ isLoading = _this$props18.isLoading;
+ var isFocused = this.state.isFocused;
- /**
- * The duration of the transition, in milliseconds.
- * Required unless `addEndListener` is provided.
- *
- * You may specify a single timeout for all transitions:
- *
- * ```jsx
- * timeout={500}
- * ```
- *
- * or individually:
- *
- * ```jsx
- * timeout={{
- * appear: 500,
- * enter: 300,
- * exit: 500,
- * }}
- * ```
- *
- * - `appear` defaults to the value of `enter`
- * - `enter` defaults to `0`
- * - `exit` defaults to `0`
- *
- * @type {number | { enter?: number, exit?: number, appear?: number }}
- */
- timeout: function timeout(props) {
- var pt = _PropTypes.timeoutsShape;
- if (!props.addEndListener) pt = pt.isRequired;
+ if (!this.isClearable() || !ClearIndicator || isDisabled || !this.hasValue() || isLoading) {
+ return null;
+ }
- for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
- args[_key - 1] = arguments[_key];
+ var innerProps = {
+ onMouseDown: this.onClearIndicatorMouseDown,
+ onTouchEnd: this.onClearIndicatorTouchEnd,
+ 'aria-hidden': 'true'
+ };
+ return /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement(ClearIndicator, Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({}, commonProps, {
+ innerProps: innerProps,
+ isFocused: isFocused
+ }));
+ }
+ }, {
+ key: "renderLoadingIndicator",
+ value: function renderLoadingIndicator() {
+ var LoadingIndicator = this.components.LoadingIndicator;
+ var commonProps = this.commonProps;
+ var _this$props19 = this.props,
+ isDisabled = _this$props19.isDisabled,
+ isLoading = _this$props19.isLoading;
+ var isFocused = this.state.isFocused;
+ if (!LoadingIndicator || !isLoading) return null;
+ var innerProps = {
+ 'aria-hidden': 'true'
+ };
+ return /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement(LoadingIndicator, Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({}, commonProps, {
+ innerProps: innerProps,
+ isDisabled: isDisabled,
+ isFocused: isFocused
+ }));
+ }
+ }, {
+ key: "renderIndicatorSeparator",
+ value: function renderIndicatorSeparator() {
+ var _this$components2 = this.components,
+ DropdownIndicator = _this$components2.DropdownIndicator,
+ IndicatorSeparator = _this$components2.IndicatorSeparator; // separator doesn't make sense without the dropdown indicator
+
+ if (!DropdownIndicator || !IndicatorSeparator) return null;
+ var commonProps = this.commonProps;
+ var isDisabled = this.props.isDisabled;
+ var isFocused = this.state.isFocused;
+ return /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement(IndicatorSeparator, Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({}, commonProps, {
+ isDisabled: isDisabled,
+ isFocused: isFocused
+ }));
+ }
+ }, {
+ key: "renderDropdownIndicator",
+ value: function renderDropdownIndicator() {
+ var DropdownIndicator = this.components.DropdownIndicator;
+ if (!DropdownIndicator) return null;
+ var commonProps = this.commonProps;
+ var isDisabled = this.props.isDisabled;
+ var isFocused = this.state.isFocused;
+ var innerProps = {
+ onMouseDown: this.onDropdownIndicatorMouseDown,
+ onTouchEnd: this.onDropdownIndicatorTouchEnd,
+ 'aria-hidden': 'true'
+ };
+ return /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement(DropdownIndicator, Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({}, commonProps, {
+ innerProps: innerProps,
+ isDisabled: isDisabled,
+ isFocused: isFocused
+ }));
}
+ }, {
+ key: "renderMenu",
+ value: function renderMenu() {
+ var _this5 = this;
+
+ var _this$components3 = this.components,
+ Group = _this$components3.Group,
+ GroupHeading = _this$components3.GroupHeading,
+ Menu = _this$components3.Menu,
+ MenuList = _this$components3.MenuList,
+ MenuPortal = _this$components3.MenuPortal,
+ LoadingMessage = _this$components3.LoadingMessage,
+ NoOptionsMessage = _this$components3.NoOptionsMessage,
+ Option = _this$components3.Option;
+ var commonProps = this.commonProps;
+ var _this$state9 = this.state,
+ focusedOption = _this$state9.focusedOption,
+ menuOptions = _this$state9.menuOptions;
+ var _this$props20 = this.props,
+ captureMenuScroll = _this$props20.captureMenuScroll,
+ inputValue = _this$props20.inputValue,
+ isLoading = _this$props20.isLoading,
+ loadingMessage = _this$props20.loadingMessage,
+ minMenuHeight = _this$props20.minMenuHeight,
+ maxMenuHeight = _this$props20.maxMenuHeight,
+ menuIsOpen = _this$props20.menuIsOpen,
+ menuPlacement = _this$props20.menuPlacement,
+ menuPosition = _this$props20.menuPosition,
+ menuPortalTarget = _this$props20.menuPortalTarget,
+ menuShouldBlockScroll = _this$props20.menuShouldBlockScroll,
+ menuShouldScrollIntoView = _this$props20.menuShouldScrollIntoView,
+ noOptionsMessage = _this$props20.noOptionsMessage,
+ onMenuScrollToTop = _this$props20.onMenuScrollToTop,
+ onMenuScrollToBottom = _this$props20.onMenuScrollToBottom;
+ if (!menuIsOpen) return null; // TODO: Internal Option Type here
+
+ var render = function render(props) {
+ // for performance, the menu options in state aren't changed when the
+ // focused option changes so we calculate additional props based on that
+ var isFocused = focusedOption === props.data;
+ props.innerRef = isFocused ? _this5.getFocusedOptionRef : undefined;
+ return /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement(Option, Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({}, commonProps, props, {
+ isFocused: isFocused
+ }), _this5.formatOptionLabel(props.data, 'menu'));
+ };
- return pt.apply(void 0, [props].concat(args));
- },
+ var menuUI;
+
+ if (this.hasOptions()) {
+ menuUI = menuOptions.render.map(function (item) {
+ if (item.type === 'group') {
+ var type = item.type,
+ group = Object(__WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_objectWithoutProperties__["a" /* default */])(item, ["type"]);
+
+ var headingId = "".concat(item.key, "-heading");
+ return /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement(Group, Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({}, commonProps, group, {
+ Heading: GroupHeading,
+ headingProps: {
+ id: headingId,
+ data: item.data
+ },
+ label: _this5.formatGroupLabel(item.data)
+ }), item.options.map(function (option) {
+ return render(option);
+ }));
+ } else if (item.type === 'option') {
+ return render(item);
+ }
+ });
+ } else if (isLoading) {
+ var message = loadingMessage({
+ inputValue: inputValue
+ });
+ if (message === null) return null;
+ menuUI = /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement(LoadingMessage, commonProps, message);
+ } else {
+ var _message = noOptionsMessage({
+ inputValue: inputValue
+ });
- /**
- * Add a custom transition end trigger. Called with the transitioning
- * DOM node and a `done` callback. Allows for more fine grained transition end
- * logic. **Note:** Timeouts are still used as a fallback if provided.
- *
- * ```jsx
- * addEndListener={(node, done) => {
- * // use the css transitionend event to mark the finish of a transition
- * node.addEventListener('transitionend', done, false);
- * }}
- * ```
- */
- addEndListener: PropTypes.func,
+ if (_message === null) return null;
+ menuUI = /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement(NoOptionsMessage, commonProps, _message);
+ }
- /**
- * Callback fired before the "entering" status is applied. An extra parameter
- * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
- *
- * @type Function(node: HtmlElement, isAppearing: bool) -> void
- */
- onEnter: PropTypes.func,
+ var menuPlacementProps = {
+ minMenuHeight: minMenuHeight,
+ maxMenuHeight: maxMenuHeight,
+ menuPlacement: menuPlacement,
+ menuPosition: menuPosition,
+ menuShouldScrollIntoView: menuShouldScrollIntoView
+ };
+ var menuElement = /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_15__index_75b02bac_browser_esm_js__["f" /* M */], Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({}, commonProps, menuPlacementProps), function (_ref10) {
+ var ref = _ref10.ref,
+ _ref10$placerProps = _ref10.placerProps,
+ placement = _ref10$placerProps.placement,
+ maxHeight = _ref10$placerProps.maxHeight;
+ return /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement(Menu, Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({}, commonProps, menuPlacementProps, {
+ innerRef: ref,
+ innerProps: {
+ onMouseDown: _this5.onMenuMouseDown,
+ onMouseMove: _this5.onMenuMouseMove
+ },
+ isLoading: isLoading,
+ placement: placement
+ }), /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement(ScrollCaptorSwitch, {
+ isEnabled: captureMenuScroll,
+ onTopArrive: onMenuScrollToTop,
+ onBottomArrive: onMenuScrollToBottom
+ }, /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement(ScrollBlock, {
+ isEnabled: menuShouldBlockScroll
+ }, /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement(MenuList, Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({}, commonProps, {
+ innerRef: _this5.getMenuListRef,
+ isLoading: isLoading,
+ maxHeight: maxHeight
+ }), menuUI))));
+ }); // positioning behaviour is almost identical for portalled and fixed,
+ // so we use the same component. the actual portalling logic is forked
+ // within the component based on `menuPosition`
+
+ return menuPortalTarget || menuPosition === 'fixed' ? /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement(MenuPortal, Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({}, commonProps, {
+ appendTo: menuPortalTarget,
+ controlElement: this.controlRef,
+ menuPlacement: menuPlacement,
+ menuPosition: menuPosition
+ }), menuElement) : menuElement;
+ }
+ }, {
+ key: "renderFormField",
+ value: function renderFormField() {
+ var _this6 = this;
+
+ var _this$props21 = this.props,
+ delimiter = _this$props21.delimiter,
+ isDisabled = _this$props21.isDisabled,
+ isMulti = _this$props21.isMulti,
+ name = _this$props21.name;
+ var selectValue = this.state.selectValue;
+ if (!name || isDisabled) return;
- /**
- * Callback fired after the "entering" status is applied. An extra parameter
- * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
- *
- * @type Function(node: HtmlElement, isAppearing: bool)
- */
- onEntering: PropTypes.func,
+ if (isMulti) {
+ if (delimiter) {
+ var value = selectValue.map(function (opt) {
+ return _this6.getOptionValue(opt);
+ }).join(delimiter);
+ return /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement("input", {
+ name: name,
+ type: "hidden",
+ value: value
+ });
+ } else {
+ var input = selectValue.length > 0 ? selectValue.map(function (opt, i) {
+ return /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement("input", {
+ key: "i-".concat(i),
+ name: name,
+ type: "hidden",
+ value: _this6.getOptionValue(opt)
+ });
+ }) : /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement("input", {
+ name: name,
+ type: "hidden"
+ });
+ return /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement("div", null, input);
+ }
+ } else {
+ var _value2 = selectValue[0] ? this.getOptionValue(selectValue[0]) : '';
- /**
- * Callback fired after the "entered" status is applied. An extra parameter
- * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
- *
- * @type Function(node: HtmlElement, isAppearing: bool) -> void
- */
- onEntered: PropTypes.func,
+ return /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement("input", {
+ name: name,
+ type: "hidden",
+ value: _value2
+ });
+ }
+ }
+ }, {
+ key: "renderLiveRegion",
+ value: function renderLiveRegion() {
+ if (!this.state.isFocused) return null;
+ return /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement(A11yText, {
+ "aria-live": "polite"
+ }, /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement("span", {
+ id: "aria-selection-event"
+ }, "\xA0", this.state.ariaLiveSelection), /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement("span", {
+ id: "aria-context"
+ }, "\xA0", this.constructAriaLiveMessage()));
+ }
+ }, {
+ key: "render",
+ value: function render() {
+ var _this$components4 = this.components,
+ Control = _this$components4.Control,
+ IndicatorsContainer = _this$components4.IndicatorsContainer,
+ SelectContainer = _this$components4.SelectContainer,
+ ValueContainer = _this$components4.ValueContainer;
+ var _this$props22 = this.props,
+ className = _this$props22.className,
+ id = _this$props22.id,
+ isDisabled = _this$props22.isDisabled,
+ menuIsOpen = _this$props22.menuIsOpen;
+ var isFocused = this.state.isFocused;
+ var commonProps = this.commonProps = this.getCommonProps();
+ return /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement(SelectContainer, Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({}, commonProps, {
+ className: className,
+ innerProps: {
+ id: id,
+ onKeyDown: this.onKeyDown
+ },
+ isDisabled: isDisabled,
+ isFocused: isFocused
+ }), this.renderLiveRegion(), /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement(Control, Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({}, commonProps, {
+ innerRef: this.getControlRef,
+ innerProps: {
+ onMouseDown: this.onControlMouseDown,
+ onTouchEnd: this.onControlTouchEnd
+ },
+ isDisabled: isDisabled,
+ isFocused: isFocused,
+ menuIsOpen: menuIsOpen
+ }), /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement(ValueContainer, Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({}, commonProps, {
+ isDisabled: isDisabled
+ }), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_11_react___default.a.createElement(IndicatorsContainer, Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__["a" /* default */])({}, commonProps, {
+ isDisabled: isDisabled
+ }), this.renderClearIndicator(), this.renderLoadingIndicator(), this.renderIndicatorSeparator(), this.renderDropdownIndicator())), this.renderMenu(), this.renderFormField());
+ }
+ }]);
- /**
- * Callback fired before the "exiting" status is applied.
- *
- * @type Function(node: HtmlElement) -> void
- */
- onExit: PropTypes.func,
+ return Select;
+}(__WEBPACK_IMPORTED_MODULE_11_react__["Component"]);
- /**
- * Callback fired after the "exiting" status is applied.
- *
- * @type Function(node: HtmlElement) -> void
- */
- onExiting: PropTypes.func,
+Select.defaultProps = defaultProps;
- /**
- * Callback fired after the "exited" status is applied.
- *
- * @type Function(node: HtmlElement) -> void
- */
- onExited: PropTypes.func // Name the function so it is clearer in the documentation
-} : {};
-function noop() {}
+/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(/*! ./../../process/browser.js */ 6)))
-Transition.defaultProps = {
- in: false,
- mountOnEnter: false,
- unmountOnExit: false,
- appear: false,
- enter: true,
- exit: true,
- onEnter: noop,
- onEntering: noop,
- onEntered: noop,
- onExit: noop,
- onExiting: noop,
- onExited: noop
-};
-Transition.UNMOUNTED = 0;
-Transition.EXITED = 1;
-Transition.ENTERING = 2;
-Transition.ENTERED = 3;
-Transition.EXITING = 4;
+/***/ }),
+/* 181 */
+/*!*********************************************************************************************************!*\
+ !*** ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js ***!
+ \*********************************************************************************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
-var _default = (0, _reactLifecyclesCompat.polyfill)(Transition);
+"use strict";
+/* harmony export (immutable) */ __webpack_exports__["a"] = _unsupportedIterableToArray;
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__arrayLikeToArray_js__ = __webpack_require__(/*! ./arrayLikeToArray.js */ 182);
-exports.default = _default;
-/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(/*! ./../process/browser.js */ 3)))
+function _unsupportedIterableToArray(o, minLen) {
+ if (!o) return;
+ if (typeof o === "string") return Object(__WEBPACK_IMPORTED_MODULE_0__arrayLikeToArray_js__["a" /* default */])(o, minLen);
+ var n = Object.prototype.toString.call(o).slice(8, -1);
+ if (n === "Object" && o.constructor) n = o.constructor.name;
+ if (n === "Map" || n === "Set") return Array.from(o);
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Object(__WEBPACK_IMPORTED_MODULE_0__arrayLikeToArray_js__["a" /* default */])(o, minLen);
+}
/***/ }),
-/* 157 */
-/*!****************************************************************************!*\
- !*** ./node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js ***!
- \****************************************************************************/
-/*! exports provided: polyfill */
-/*! all exports used */
+/* 182 */
+/*!***********************************************************************************************!*\
+ !*** ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js ***!
+ \***********************************************************************************************/
+/*! exports provided: default */
+/*! exports used: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "polyfill", function() { return polyfill; });
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
+/* harmony export (immutable) */ __webpack_exports__["a"] = _arrayLikeToArray;
+function _arrayLikeToArray(arr, len) {
+ if (len == null || len > arr.length) len = arr.length;
-function componentWillMount() {
- // Call this.constructor.gDSFP to support sub-classes.
- var state = this.constructor.getDerivedStateFromProps(this.props, this.state);
- if (state !== null && state !== undefined) {
- this.setState(state);
+ for (var i = 0, arr2 = new Array(len); i < len; i++) {
+ arr2[i] = arr[i];
}
-}
-function componentWillReceiveProps(nextProps) {
- // Call this.constructor.gDSFP to support sub-classes.
- // Use the setState() updater to ensure state isn't stale in certain edge cases.
- function updater(prevState) {
- var state = this.constructor.getDerivedStateFromProps(nextProps, prevState);
- return state !== null && state !== undefined ? state : null;
- }
- // Binding "this" is important for shallow renderer support.
- this.setState(updater.bind(this));
+ return arr2;
}
-function componentWillUpdate(nextProps, nextState) {
- try {
- var prevProps = this.props;
- var prevState = this.state;
- this.props = nextProps;
- this.state = nextState;
- this.__reactInternalSnapshotFlag = true;
- this.__reactInternalSnapshot = this.getSnapshotBeforeUpdate(
- prevProps,
- prevState
- );
- } finally {
- this.props = prevProps;
- this.state = prevState;
- }
-}
+/***/ }),
+/* 183 */
+/*!************************************************!*\
+ !*** ./src/blocks/advanced-heading/style.scss ***!
+ \************************************************/
+/*! dynamic exports provided */
+/***/ (function(module, exports) {
-// React may warn about cWM/cWRP/cWU methods being deprecated.
-// Add a flag to suppress these warnings for this special case.
-componentWillMount.__suppressDeprecationWarning = true;
-componentWillReceiveProps.__suppressDeprecationWarning = true;
-componentWillUpdate.__suppressDeprecationWarning = true;
+// removed by extract-text-webpack-plugin
-function polyfill(Component) {
- var prototype = Component.prototype;
+/***/ }),
+/* 184 */
+/*!********************************************!*\
+ !*** ./src/blocks/post/post-title/edit.js ***!
+ \********************************************/
+/*! exports provided: PostTitle */
+/*! exports used: PostTitle */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
- if (!prototype || !prototype.isReactComponent) {
- throw new Error('Can only polyfill class components');
- }
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return PostTitle; });
+var decodeEntities = wp.htmlEntities.decodeEntities;
+var __ = wp.i18n.__;
- if (
- typeof Component.getDerivedStateFromProps !== 'function' &&
- typeof prototype.getSnapshotBeforeUpdate !== 'function'
- ) {
- return Component;
- }
-
- // If new component APIs are defined, "unsafe" lifecycles won't be called.
- // Error if any of these lifecycles are present,
- // Because they would work differently between older and newer (16.3+) versions of React.
- var foundWillMountName = null;
- var foundWillReceivePropsName = null;
- var foundWillUpdateName = null;
- if (typeof prototype.componentWillMount === 'function') {
- foundWillMountName = 'componentWillMount';
- } else if (typeof prototype.UNSAFE_componentWillMount === 'function') {
- foundWillMountName = 'UNSAFE_componentWillMount';
- }
- if (typeof prototype.componentWillReceiveProps === 'function') {
- foundWillReceivePropsName = 'componentWillReceiveProps';
- } else if (typeof prototype.UNSAFE_componentWillReceiveProps === 'function') {
- foundWillReceivePropsName = 'UNSAFE_componentWillReceiveProps';
- }
- if (typeof prototype.componentWillUpdate === 'function') {
- foundWillUpdateName = 'componentWillUpdate';
- } else if (typeof prototype.UNSAFE_componentWillUpdate === 'function') {
- foundWillUpdateName = 'UNSAFE_componentWillUpdate';
- }
- if (
- foundWillMountName !== null ||
- foundWillReceivePropsName !== null ||
- foundWillUpdateName !== null
- ) {
- var componentName = Component.displayName || Component.name;
- var newApiName =
- typeof Component.getDerivedStateFromProps === 'function'
- ? 'getDerivedStateFromProps()'
- : 'getSnapshotBeforeUpdate()';
-
- throw Error(
- 'Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n' +
- componentName +
- ' uses ' +
- newApiName +
- ' but also contains the following legacy lifecycles:' +
- (foundWillMountName !== null ? '\n ' + foundWillMountName : '') +
- (foundWillReceivePropsName !== null
- ? '\n ' + foundWillReceivePropsName
- : '') +
- (foundWillUpdateName !== null ? '\n ' + foundWillUpdateName : '') +
- '\n\nThe above lifecycles should be removed. Learn more about this warning here:\n' +
- 'https://fb.me/react-async-component-lifecycle-hooks'
- );
- }
- // React <= 16.2 does not support static getDerivedStateFromProps.
- // As a workaround, use cWM and cWRP to invoke the new static lifecycle.
- // Newer versions of React will ignore these lifecycles if gDSFP exists.
- if (typeof Component.getDerivedStateFromProps === 'function') {
- prototype.componentWillMount = componentWillMount;
- prototype.componentWillReceiveProps = componentWillReceiveProps;
- }
+var PostTitle = function PostTitle(props) {
+ var attributes = props.attributes,
+ post = props.post;
- // React <= 16.2 does not support getSnapshotBeforeUpdate.
- // As a workaround, use cWU to invoke the new lifecycle.
- // Newer versions of React will ignore that lifecycle if gSBU exists.
- if (typeof prototype.getSnapshotBeforeUpdate === 'function') {
- if (typeof prototype.componentDidUpdate !== 'function') {
- throw new Error(
- 'Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype'
- );
- }
- prototype.componentWillUpdate = componentWillUpdate;
-
- var componentDidUpdate = prototype.componentDidUpdate;
-
- prototype.componentDidUpdate = function componentDidUpdatePolyfill(
- prevProps,
- prevState,
- maybeSnapshot
- ) {
- // 16.3+ will not execute our will-update method;
- // It will pass a snapshot value to did-update though.
- // Older versions will require our polyfilled will-update value.
- // We need to handle both cases, but can't just check for the presence of "maybeSnapshot",
- // Because for <= 15.x versions this might be a "prevContext" object.
- // We also can't just check "__reactInternalSnapshot",
- // Because get-snapshot might return a falsy value.
- // So check for the explicit __reactInternalSnapshotFlag flag to determine behavior.
- var snapshot = this.__reactInternalSnapshotFlag
- ? this.__reactInternalSnapshot
- : maybeSnapshot;
-
- componentDidUpdate.call(this, prevProps, prevState, snapshot);
- };
- }
+ var Tag = attributes.titleTag;
- return Component;
-}
+ var target = attributes.newTab ? "_blank" : "_self";
+ if (undefined == post.title) {
+ return null;
+ }
+ if (attributes.displayPostTitle) {
+ return wp.element.createElement(
+ "div",
+ { className: "uagb-post__text" },
+ wp.element.createElement(
+ Tag,
+ { className: "uagb-post__title" },
+ wp.element.createElement(
+ "a",
+ { href: post.link, target: target, rel: "noopener noreferrer" },
+ decodeEntities(post.title.rendered.trim()) || __("(Untitled)")
+ )
+ )
+ );
+ } else {
+ return null;
+ }
+};
/***/ }),
-/* 158 */
-/*!****************************************************************!*\
- !*** ./node_modules/react-transition-group/utils/PropTypes.js ***!
- \****************************************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports, __webpack_require__) {
+/* 185 */
+/*!*******************************************!*\
+ !*** ./src/blocks/post/post-meta/edit.js ***!
+ \*******************************************/
+/*! exports provided: PostMeta */
+/*! exports used: PostMeta */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
-/* WEBPACK VAR INJECTION */(function(process) {
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return PostMeta; });
+var _wp$date = wp.date,
+ dateI18n = _wp$date.dateI18n,
+ format = _wp$date.format,
+ __experimentalGetSettings = _wp$date.__experimentalGetSettings;
-exports.__esModule = true;
-exports.classNamesShape = exports.timeoutsShape = void 0;
-var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ 15));
+var PostMeta = function PostMeta(props) {
+ var post = props.post,
+ attributes = props.attributes,
+ categoriesList = props.categoriesList;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var timeoutsShape = process.env.NODE_ENV !== 'production' ? _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
- enter: _propTypes.default.number,
- exit: _propTypes.default.number,
- appear: _propTypes.default.number
-}).isRequired]) : null;
-exports.timeoutsShape = timeoutsShape;
-var classNamesShape = process.env.NODE_ENV !== 'production' ? _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.shape({
- enter: _propTypes.default.string,
- exit: _propTypes.default.string,
- active: _propTypes.default.string
-}), _propTypes.default.shape({
- enter: _propTypes.default.string,
- enterDone: _propTypes.default.string,
- enterActive: _propTypes.default.string,
- exit: _propTypes.default.string,
- exitDone: _propTypes.default.string,
- exitActive: _propTypes.default.string
-})]) : null;
-exports.classNamesShape = classNamesShape;
-/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(/*! ./../../process/browser.js */ 3)))
+ var dateFormat = __experimentalGetSettings().formats.date;
-/***/ }),
-/* 159 */
-/*!****************************************************************!*\
- !*** ./node_modules/react-transition-group/TransitionGroup.js ***!
- \****************************************************************/
-/*! no static exports found */
-/*! all exports used */
-/***/ (function(module, exports, __webpack_require__) {
+ var list = categoriesList;
+ var cat = post.categories;
+ var categoriesName = [];
-"use strict";
-/* WEBPACK VAR INJECTION */(function(process) {
+ if (list !== undefined && cat !== undefined) {
+ for (var j = 0; j < list.length; j++) {
+ for (var i = 0; i < cat.length; i++) {
+ if (list[j].id === cat[i]) {
+ categoriesName.push(list[j].name);
+ }
+ }
+ }
+ }
-exports.__esModule = true;
-exports.default = void 0;
+ return wp.element.createElement(
+ 'div',
+ { className: ' uagb-post__text ' },
+ wp.element.createElement(
+ 'div',
+ { className: 'uagb-post-grid-byline' },
+ attributes.displayPostAuthor && undefined !== post.uagb_author_info && wp.element.createElement(
+ 'span',
+ { className: 'uagb-post__author' },
+ wp.element.createElement('span', { className: 'dashicons-admin-users dashicons' }),
+ wp.element.createElement(
+ 'a',
+ { target: '_blank', href: post.uagb_author_info.author_link, rel: 'noopener noreferrer' },
+ post.uagb_author_info.display_name
+ )
+ ),
+ attributes.displayPostDate && post.date_gmt && wp.element.createElement(
+ 'time',
+ { dateTime: format("c", post.date_gmt), className: 'uagb-post__date' },
+ wp.element.createElement('span', { className: 'dashicons-calendar dashicons' }),
+ dateI18n(dateFormat, post.date_gmt)
+ ),
+ attributes.displayPostComment && undefined !== post.uagb_comment_info && wp.element.createElement(
+ 'span',
+ { className: 'uagb-post__comment' },
+ wp.element.createElement('span', { className: 'dashicons-admin-comments dashicons' }),
+ post.uagb_comment_info
+ ),
+ attributes.displayPostTaxonomy && wp.element.createElement(
+ 'span',
+ { className: 'uagb-post__taxonomy' },
+ wp.element.createElement('span', { className: 'dashicons-tag dashicons' }),
+ categoriesName.join(", ")
+ )
+ )
+ );
+};
-var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ 15));
+/***/ }),
+/* 186 */
+/*!********************************************!*\
+ !*** ./src/blocks/post/post-image/edit.js ***!
+ \********************************************/
+/*! exports provided: PostImage */
+/*! exports used: PostImage */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
-var _react = _interopRequireDefault(__webpack_require__(/*! react */ 6));
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return PostImage; });
+var decodeEntities = wp.htmlEntities.decodeEntities;
+var __ = wp.i18n.__;
-var _reactLifecyclesCompat = __webpack_require__(/*! react-lifecycles-compat */ 157);
-var _ChildMapping = __webpack_require__(/*! ./utils/ChildMapping */ 416);
+var PostImage = function PostImage(props) {
+ var post = props.post,
+ attributes = props.attributes;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+ var target = attributes.newTab ? "_blank" : "_self";
-function _extends() { _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; }; return _extends.apply(this, arguments); }
+ if (attributes.displayPostImage && undefined !== post.uagb_featured_image_src && attributes.imgSize && post.uagb_featured_image_src[attributes.imgSize]) {
+ var src = post.uagb_featured_image_src[attributes.imgSize];
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+ return wp.element.createElement(
+ "div",
+ { className: "uagb-post__image" },
+ wp.element.createElement(
+ "a",
+ { href: post.link, target: target, rel: "noopener noreferrer" },
+ wp.element.createElement("img", {
+ src: src[0],
+ alt: decodeEntities(post.title.rendered.trim()) || __("(Untitled)")
+ })
+ )
+ );
+ } else {
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+ return null;
+ }
+};
-var values = Object.values || function (obj) {
- return Object.keys(obj).map(function (k) {
- return obj[k];
- });
+/***/ }),
+/* 187 */
+/*!**********************************************!*\
+ !*** ./src/blocks/post/post-excerpt/edit.js ***!
+ \**********************************************/
+/*! exports provided: PostExcerpt */
+/*! exports used: PostExcerpt */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return PostExcerpt; });
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_lodash_truncate__ = __webpack_require__(/*! lodash/truncate */ 386);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_lodash_truncate___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_lodash_truncate__);
+
+
+var PostExcerpt = function PostExcerpt(props) {
+ var post = props.post,
+ attributes = props.attributes;
+
+
+ if (post.uagb_excerpt == undefined) {
+ return null;
+ }
+
+ var words = post.uagb_excerpt.split(" ");
+
+ var excerpt = post.uagb_excerpt;
+
+ var exLen = attributes.excerptLength ? attributes.excerptLength : 25;
+
+ if (exLen >= words.length) {
+ excerpt = post.uagb_excerpt;
+ } else {
+ var truncated = words.slice(0, exLen);
+ excerpt = truncated.join(" ");
+ excerpt += " ...";
+ }
+
+ if (attributes.displayPostExcerpt && attributes.displayPostContentRadio == "excerpt") {
+
+ return wp.element.createElement(
+ "div",
+ { className: "uagb-post__text" },
+ wp.element.createElement(
+ "div",
+ { className: "uagb-post__excerpt" },
+ wp.element.createElement("div", { dangerouslySetInnerHTML: { __html: excerpt } })
+ )
+ );
+ } else if (attributes.displayPostExcerpt && attributes.displayPostContentRadio == "full_post") {
+
+ return wp.element.createElement(
+ "div",
+ { className: "uagb-post__text" },
+ wp.element.createElement(
+ "div",
+ { className: "uagb-post__excerpt uagb-full_post" },
+ wp.element.createElement("div", { dangerouslySetInnerHTML: { __html: post.content.raw.trim() } })
+ )
+ );
+ } else {
+ return null;
+ }
};
-var defaultProps = {
- component: 'div',
- childFactory: function childFactory(child) {
- return child;
+/***/ }),
+/* 188 */
+/*!*****************************************!*\
+ !*** ./node_modules/lodash/toNumber.js ***!
+ \*****************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
+
+var isObject = __webpack_require__(/*! ./isObject */ 13),
+ isSymbol = __webpack_require__(/*! ./isSymbol */ 57);
+
+/** Used as references for various `Number` constants. */
+var NAN = 0 / 0;
+
+/** Used to match leading and trailing whitespace. */
+var reTrim = /^\s+|\s+$/g;
+
+/** Used to detect bad signed hexadecimal string values. */
+var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+
+/** Used to detect binary string values. */
+var reIsBinary = /^0b[01]+$/i;
+
+/** Used to detect octal string values. */
+var reIsOctal = /^0o[0-7]+$/i;
+
+/** Built-in method references without a dependency on `root`. */
+var freeParseInt = parseInt;
+
+/**
+ * Converts `value` to a number.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to process.
+ * @returns {number} Returns the number.
+ * @example
+ *
+ * _.toNumber(3.2);
+ * // => 3.2
+ *
+ * _.toNumber(Number.MIN_VALUE);
+ * // => 5e-324
+ *
+ * _.toNumber(Infinity);
+ * // => Infinity
+ *
+ * _.toNumber('3.2');
+ * // => 3.2
+ */
+function toNumber(value) {
+ if (typeof value == 'number') {
+ return value;
}
- /**
- * The `` component manages a set of transition components
- * (`` and ``) in a list. Like with the transition
- * components, `` is a state machine for managing the mounting
- * and unmounting of components over time.
- *
- * Consider the example below. As items are removed or added to the TodoList the
- * `in` prop is toggled automatically by the ``.
- *
- * Note that `` does not define any animation behavior!
- * Exactly _how_ a list item animates is up to the individual transition
- * component. This means you can mix and match animations across different list
- * items.
- */
+ if (isSymbol(value)) {
+ return NAN;
+ }
+ if (isObject(value)) {
+ var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
+ value = isObject(other) ? (other + '') : other;
+ }
+ if (typeof value != 'string') {
+ return value === 0 ? value : +value;
+ }
+ value = value.replace(reTrim, '');
+ var isBinary = reIsBinary.test(value);
+ return (isBinary || reIsOctal.test(value))
+ ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
+ : (reIsBadHex.test(value) ? NAN : +value);
+}
-};
+module.exports = toNumber;
-var TransitionGroup =
-/*#__PURE__*/
-function (_React$Component) {
- _inheritsLoose(TransitionGroup, _React$Component);
- function TransitionGroup(props, context) {
- var _this;
+/***/ }),
+/* 189 */
+/*!*********************************************!*\
+ !*** ./src/blocks/post/post-button/edit.js ***!
+ \*********************************************/
+/*! exports provided: PostButton */
+/*! exports used: PostButton */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
- _this = _React$Component.call(this, props, context) || this;
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return PostButton; });
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_classnames__ = __webpack_require__(/*! classnames */ 0);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_classnames__);
+var __ = wp.i18n.__;
- var handleExited = _this.handleExited.bind(_assertThisInitialized(_assertThisInitialized(_this))); // Initial children should all be entering, dependent on appear
- _this.state = {
- handleExited: handleExited,
- firstRender: true
- };
- return _this;
+var PostButton = function PostButton(props) {
+ var attributes = props.attributes,
+ post = props.post;
+
+
+ if (attributes.displayPostContentRadio == "full_post") {
+ return null;
+ }
+
+ var target = attributes.newTab ? "_blank" : "_self";
+
+ if (attributes.displayPostLink) {
+
+ var cta_text = attributes.ctaText ? attributes.ctaText : __("Read More");
+
+ return wp.element.createElement(
+ "div",
+ { className: "uagb-post__text" },
+ wp.element.createElement(
+ "div",
+ { className: __WEBPACK_IMPORTED_MODULE_0_classnames___default()('uagb-post__cta', attributes.inheritFromTheme ? 'wp-block-button' : null) },
+ wp.element.createElement(
+ "a",
+ {
+ className: __WEBPACK_IMPORTED_MODULE_0_classnames___default()(!attributes.inheritFromTheme ? 'uagb-post__link ' : null, 'uagb-text-link', attributes.inheritFromTheme ? 'wp-block-button__link' : null),
+ href: post.link,
+ target: target,
+ rel: "noopener noreferrer" },
+ cta_text
+ )
+ )
+ );
+ } else {
+ return null;
+ }
+};
+
+/***/ }),
+/* 190 */
+/*!*************************************************!*\
+ !*** ./node_modules/lodash/_baseAssignValue.js ***!
+ \*************************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
+
+var defineProperty = __webpack_require__(/*! ./_defineProperty */ 191);
+
+/**
+ * The base implementation of `assignValue` and `assignMergeValue` without
+ * value checks.
+ *
+ * @private
+ * @param {Object} object The object to modify.
+ * @param {string} key The key of the property to assign.
+ * @param {*} value The value to assign.
+ */
+function baseAssignValue(object, key, value) {
+ if (key == '__proto__' && defineProperty) {
+ defineProperty(object, key, {
+ 'configurable': true,
+ 'enumerable': true,
+ 'value': value,
+ 'writable': true
+ });
+ } else {
+ object[key] = value;
}
+}
- var _proto = TransitionGroup.prototype;
+module.exports = baseAssignValue;
- _proto.getChildContext = function getChildContext() {
- return {
- transitionGroup: {
- isMounting: !this.appeared
- }
- };
- };
- _proto.componentDidMount = function componentDidMount() {
- this.appeared = true;
- this.mounted = true;
- };
+/***/ }),
+/* 191 */
+/*!************************************************!*\
+ !*** ./node_modules/lodash/_defineProperty.js ***!
+ \************************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
- _proto.componentWillUnmount = function componentWillUnmount() {
- this.mounted = false;
- };
+var getNative = __webpack_require__(/*! ./_getNative */ 21);
- TransitionGroup.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, _ref) {
- var prevChildMapping = _ref.children,
- handleExited = _ref.handleExited,
- firstRender = _ref.firstRender;
- return {
- children: firstRender ? (0, _ChildMapping.getInitialChildMapping)(nextProps, handleExited) : (0, _ChildMapping.getNextChildMapping)(nextProps, prevChildMapping, handleExited),
- firstRender: false
- };
- };
+var defineProperty = (function() {
+ try {
+ var func = getNative(Object, 'defineProperty');
+ func({}, '', {});
+ return func;
+ } catch (e) {}
+}());
- _proto.handleExited = function handleExited(child, node) {
- var currentChildMapping = (0, _ChildMapping.getChildMapping)(this.props.children);
- if (child.key in currentChildMapping) return;
+module.exports = defineProperty;
- if (child.props.onExited) {
- child.props.onExited(node);
- }
- if (this.mounted) {
- this.setState(function (state) {
- var children = _extends({}, state.children);
+/***/ }),
+/* 192 */
+/*!******************************************!*\
+ !*** ./node_modules/lodash/_overRest.js ***!
+ \******************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
- delete children[child.key];
- return {
- children: children
- };
- });
+var apply = __webpack_require__(/*! ./_apply */ 410);
+
+/* Built-in method references for those with the same name as other `lodash` methods. */
+var nativeMax = Math.max;
+
+/**
+ * A specialized version of `baseRest` which transforms the rest array.
+ *
+ * @private
+ * @param {Function} func The function to apply a rest parameter to.
+ * @param {number} [start=func.length-1] The start position of the rest parameter.
+ * @param {Function} transform The rest array transform.
+ * @returns {Function} Returns the new function.
+ */
+function overRest(func, start, transform) {
+ start = nativeMax(start === undefined ? (func.length - 1) : start, 0);
+ return function() {
+ var args = arguments,
+ index = -1,
+ length = nativeMax(args.length - start, 0),
+ array = Array(length);
+
+ while (++index < length) {
+ array[index] = args[start + index];
+ }
+ index = -1;
+ var otherArgs = Array(start + 1);
+ while (++index < start) {
+ otherArgs[index] = args[index];
}
+ otherArgs[start] = transform(array);
+ return apply(func, this, otherArgs);
};
+}
- _proto.render = function render() {
- var _this$props = this.props,
- Component = _this$props.component,
- childFactory = _this$props.childFactory,
- props = _objectWithoutPropertiesLoose(_this$props, ["component", "childFactory"]);
+module.exports = overRest;
- var children = values(this.state.children).map(childFactory);
- delete props.appear;
- delete props.enter;
- delete props.exit;
- if (Component === null) {
- return children;
- }
+/***/ }),
+/* 193 */
+/*!*********************************************!*\
+ !*** ./node_modules/lodash/_setToString.js ***!
+ \*********************************************/
+/*! dynamic exports provided */
+/*! all exports used */
+/***/ (function(module, exports, __webpack_require__) {
- return _react.default.createElement(Component, props, children);
- };
+var baseSetToString = __webpack_require__(/*! ./_baseSetToString */ 411),
+ shortOut = __webpack_require__(/*! ./_shortOut */ 413);
- return TransitionGroup;
-}(_react.default.Component);
+/**
+ * Sets the `toString` method of `func` to return `string`.
+ *
+ * @private
+ * @param {Function} func The function to modify.
+ * @param {Function} string The `toString` result.
+ * @returns {Function} Returns `func`.
+ */
+var setToString = shortOut(baseSetToString);
-TransitionGroup.childContextTypes = {
- transitionGroup: _propTypes.default.object.isRequired
-};
-TransitionGroup.propTypes = process.env.NODE_ENV !== "production" ? {
- /**
- * `` renders a `
` by default. You can change this
- * behavior by providing a `component` prop.
- * If you use React v16+ and would like to avoid a wrapping `