@wix/entity-advanced-permissions 1.1426.0 → 1.1427.0

package/dist/statics/entity-advanced-permissions.umd.js

@@ -34679,7 +34679,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
 /******/ 	
 /******/ 	/* webpack/runtime/publicPath */
 /******/ 	(() => {
-/******/ 		__webpack_require__.p = "https://static.parastorage.com/services/entity-advanced-permissions/237034cb005833c205f494ea513db708b0300bc7ac84b698d4b45117/";
+/******/ 		__webpack_require__.p = "https://static.parastorage.com/services/entity-advanced-permissions/924339cc73a0eb8fdfc3ee52cf548d12a03cbaa31702ae16cfac19f5/";
 /******/ 	})();
 /******/ 	
 /******/ 	/* webpack/runtime/jsonp chunk loading */
@@ -34783,7 +34783,7 @@ var __webpack_exports__ = {};
 (() => {
 "use strict";
 /*!********************************!*\
-  !*** ./index.ts + 566 modules ***!
+  !*** ./index.ts + 568 modules ***!
   \********************************/
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
@@ -35710,7 +35710,7 @@ if(false /* HMR */) // removed by dead control flow
 {}
 
 ;// ../../../node_modules/@wix/design-system/dist/esm/utils/versionedNamespace.js
-const placeholder = 'wds_1_341_0';
+const placeholder = 'wds_1_346_0';
 const versionedNamespace = placeholder.startsWith('wds_')
     ? placeholder
     : '';
@@ -35928,93 +35928,6 @@ const ReactPortal = ({ children, node, }) => {
 };
 
 //# sourceMappingURL=ReactPortal.js.map
-;// ../../../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (-1 !== e.indexOf(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
-}
-
-;// ../../../node_modules/@babel/runtime/helpers/esm/extends.js
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-
-;// ../../../node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
-function _setPrototypeOf(t, e) {
-  return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
-    return t.__proto__ = e, t;
-  }, _setPrototypeOf(t, e);
-}
-
-;// ../../../node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
-
-function _inheritsLoose(t, o) {
-  t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
-}
-
-;// ../../../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
-function _assertThisInitialized(e) {
-  if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  return e;
-}
-
-;// ../../../node_modules/@babel/runtime/helpers/esm/typeof.js
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-
-;// ../../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
-
-function toPrimitive(t, r) {
-  if ("object" != _typeof(t) || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != _typeof(i)) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
-}
-
-;// ../../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
-
-
-function toPropertyKey(t) {
-  var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : i + "";
-}
-
-;// ../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
-
-function _defineProperty(e, r, t) {
-  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-    value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e[r] = t, e;
-}
-
-// EXTERNAL MODULE: ../../../node_modules/deep-equal/index.js
-var deep_equal = __webpack_require__(788);
-var deep_equal_default = /*#__PURE__*/__webpack_require__.n(deep_equal);
 ;// ../../../node_modules/popper.js/dist/esm/popper.js
 /**!
  * @fileOverview Kickass library to create and place poppers near their reference elements.
@@ -36425,7 +36338,7 @@ var defineProperty = function (obj, key, value) {
   return obj;
 };
 
-var popper_extends = Object.assign || function (target) {
+var _extends = Object.assign || function (target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i];
 
@@ -36447,7 +36360,7 @@ var popper_extends = Object.assign || function (target) {
  * @returns {Object} ClientRect like output
  */
 function getClientRect(offsets) {
-  return popper_extends({}, offsets, {
+  return _extends({}, offsets, {
     right: offsets.left + offsets.width,
     bottom: offsets.top + offsets.height
   });
@@ -36735,7 +36648,7 @@ function computeAutoPlacement(placement, refRect, popper, reference, boundariesE
   };
 
   var sortedAreas = Object.keys(rects).map(function (key) {
-    return popper_extends({
+    return _extends({
       key: key
     }, rects[key], {
       area: getArea(rects[key])
@@ -37377,9 +37290,9 @@ function computeStyle(data, options) {
   };
 
   // Update `data` attributes, styles and arrowStyles
-  data.attributes = popper_extends({}, attributes, data.attributes);
-  data.styles = popper_extends({}, styles, data.styles);
-  data.arrowStyles = popper_extends({}, data.offsets.arrow, data.arrowStyles);
+  data.attributes = _extends({}, attributes, data.attributes);
+  data.styles = _extends({}, styles, data.styles);
+  data.arrowStyles = _extends({}, data.offsets.arrow, data.arrowStyles);
 
   return data;
 }
@@ -37659,7 +37572,7 @@ function flip(data, options) {
 
       // this object contains `position`, we want to preserve it along with
       // any additional property we may add in the future
-      data.offsets.popper = popper_extends({}, data.offsets.popper, getPopperOffsets(data.instance.popper, data.offsets.reference, data.placement));
+      data.offsets.popper = _extends({}, data.offsets.popper, getPopperOffsets(data.instance.popper, data.offsets.reference, data.placement));
 
       data = runModifiers(data.instance.modifiers, data, 'flip');
     }
@@ -37933,7 +37846,7 @@ function preventOverflow(data, options) {
 
   order.forEach(function (placement) {
     var side = ['left', 'top'].indexOf(placement) !== -1 ? 'primary' : 'secondary';
-    popper = popper_extends({}, popper, check[side](placement));
+    popper = _extends({}, popper, check[side](placement));
   });
 
   data.offsets.popper = popper;
@@ -37968,7 +37881,7 @@ function shift(data) {
       end: defineProperty({}, side, reference[side] + reference[measurement] - popper[measurement])
     };
 
-    data.offsets.popper = popper_extends({}, popper, shiftOffsets[shiftvariation]);
+    data.offsets.popper = _extends({}, popper, shiftOffsets[shiftvariation]);
   }
 
   return data;
@@ -38500,7 +38413,7 @@ var Popper = function () {
     this.update = popper_debounce(this.update.bind(this));
 
     // with {} we create a new object with the options inside it
-    this.options = popper_extends({}, Popper.Defaults, options);
+    this.options = _extends({}, Popper.Defaults, options);
 
     // init state
     this.state = {
@@ -38515,13 +38428,13 @@ var Popper = function () {
 
     // Deep merge modifiers options
     this.options.modifiers = {};
-    Object.keys(popper_extends({}, Popper.Defaults.modifiers, options.modifiers)).forEach(function (name) {
-      _this.options.modifiers[name] = popper_extends({}, Popper.Defaults.modifiers[name] || {}, options.modifiers ? options.modifiers[name] : {});
+    Object.keys(_extends({}, Popper.Defaults.modifiers, options.modifiers)).forEach(function (name) {
+      _this.options.modifiers[name] = _extends({}, Popper.Defaults.modifiers[name] || {}, options.modifiers ? options.modifiers[name] : {});
     });
 
     // Refactoring modifiers' list (Object => Array)
     this.modifiers = Object.keys(this.options.modifiers).map(function (name) {
-      return popper_extends({
+      return _extends({
         name: name
       }, _this.options.modifiers[name]);
     })
@@ -38633,380 +38546,249 @@ Popper.Defaults = Defaults;
 /* harmony default export */ const popper = (Popper);
 //# sourceMappingURL=popper.js.map
 
-// EXTERNAL MODULE: ../../../node_modules/@hypnosphi/create-react-context/lib/index.js
-var create_react_context_lib = __webpack_require__(774);
-var lib_default = /*#__PURE__*/__webpack_require__.n(create_react_context_lib);
-;// ../../../node_modules/react-popper/lib/esm/Manager.js
-
-
-
-
-
-var ManagerReferenceNodeContext = lib_default()();
-var ManagerReferenceNodeSetterContext = lib_default()();
-
-var Manager =
-/*#__PURE__*/
-function (_React$Component) {
-  _inheritsLoose(Manager, _React$Component);
-
-  function Manager() {
-    var _this;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-
-    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "referenceNode", void 0);
-
-    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "setReferenceNode", function (newReferenceNode) {
-      if (newReferenceNode && _this.referenceNode !== newReferenceNode) {
-        _this.referenceNode = newReferenceNode;
-
-        _this.forceUpdate();
-      }
-    });
-
-    return _this;
-  }
-
-  var _proto = Manager.prototype;
-
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    this.referenceNode = null;
-  };
-
-  _proto.render = function render() {
-    return external_React_.createElement(ManagerReferenceNodeContext.Provider, {
-      value: this.referenceNode
-    }, external_React_.createElement(ManagerReferenceNodeSetterContext.Provider, {
-      value: this.setReferenceNode
-    }, this.props.children));
-  };
-
-  return Manager;
-}(external_React_.Component);
-
-
-;// ../../../node_modules/react-popper/lib/esm/utils.js
-/**
- * Takes an argument and if it's an array, returns the first item in the array,
- * otherwise returns the argument. Used for Preact compatibility.
- */
-var unwrapArray = function unwrapArray(arg) {
-  return Array.isArray(arg) ? arg[0] : arg;
-};
-/**
- * Takes a maybe-undefined function and arbitrary args and invokes the function
- * only if it is defined.
- */
-
-var safeInvoke = function safeInvoke(fn) {
-  if (typeof fn === "function") {
-    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
-
-    return fn.apply(void 0, args);
-  }
-};
+// EXTERNAL MODULE: ../../../node_modules/lodash/isEqual.js
+var isEqual = __webpack_require__(8434);
+var isEqual_default = /*#__PURE__*/__webpack_require__.n(isEqual);
+;// ../../../node_modules/@wix/design-system/dist/esm/Popover/PopoverCore/ReactPopper.js
 /**
- * Does a shallow equality check of two objects by comparing the reference
- * equality of each value.
+ * @license
+ * Adapted from react-popper 1.3.11 (https://github.com/popperjs/react-popper/tree/v1.3.11)
+ *
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2018 React Popper authors
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
  */
 
-var shallowEqual = function shallowEqual(objA, objB) {
-  var aKeys = Object.keys(objA);
-  var bKeys = Object.keys(objB);
-
-  if (bKeys.length !== aKeys.length) {
-    return false;
-  }
 
-  for (var i = 0; i < bKeys.length; i++) {
-    var key = aKeys[i];
 
-    if (objA[key] !== objB[key]) {
-      return false;
+const setRef = (ref, node) => {
+    if (typeof ref === 'function') {
+        ref(node);
     }
-  }
-
-  return true;
-};
-/**
- * Sets a ref using either a ref callback or a ref object
- */
-
-var setRef = function setRef(ref, node) {
-  // if its a function call it
-  if (typeof ref === "function") {
-    return safeInvoke(ref, node);
-  } // otherwise we should treat it as a ref object
-  else if (ref != null) {
-      ref.current = node;
+    else if (ref != null) {
+        ref.current = node;
     }
 };
-;// ../../../node_modules/react-popper/lib/esm/Popper.js
-
-
-
-
-
-
-
-
-
-
-var initialStyle = {
-  position: 'absolute',
-  top: 0,
-  left: 0,
-  opacity: 0,
-  pointerEvents: 'none'
+const ReferenceNodeContext = external_React_.createContext(undefined);
+const ReferenceNodeSetterContext = external_React_.createContext(undefined);
+class Manager extends external_React_.Component {
+    constructor() {
+        super(...arguments);
+        this.referenceNode = undefined;
+        this.setReferenceNode = (node) => {
+            if (node && this.referenceNode !== node) {
+                this.referenceNode = node;
+                this.forceUpdate();
+            }
+        };
+    }
+    componentWillUnmount() {
+        this.referenceNode = null;
+    }
+    render() {
+        return (external_React_.createElement(ReferenceNodeContext.Provider, { value: this.referenceNode },
+            external_React_.createElement(ReferenceNodeSetterContext.Provider, { value: this.setReferenceNode }, this.props.children)));
+    }
+}
+class InnerReference extends external_React_.Component {
+    constructor() {
+        super(...arguments);
+        this.refHandler = (node) => {
+            setRef(this.props.innerRef, node);
+            this.props.setReferenceNode?.(node);
+        };
+    }
+    componentWillUnmount() {
+        setRef(this.props.innerRef, null);
+    }
+    render() {
+        return this.props.children({ ref: this.refHandler });
+    }
+}
+const Reference = (props) => (external_React_.createElement(ReferenceNodeSetterContext.Consumer, null, setReferenceNode => (external_React_.createElement(InnerReference, { setReferenceNode: setReferenceNode, ...props }))));
+const initialStyle = {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    opacity: 0,
+    pointerEvents: 'none',
 };
-var initialArrowStyle = {};
-var InnerPopper =
-/*#__PURE__*/
-function (_React$Component) {
-  _inheritsLoose(InnerPopper, _React$Component);
-
-  function InnerPopper() {
-    var _this;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+const initialArrowStyle = {};
+class InnerPopper extends external_React_.Component {
+    constructor() {
+        super(...arguments);
+        this.state = { data: undefined, placement: undefined };
+        this.popperInstance = null;
+        this.popperNode = null;
+        this.arrowNode = null;
+        this.setPopperNode = (popperNode) => {
+            if (!popperNode || this.popperNode === popperNode) {
+                return;
+            }
+            setRef(this.props.innerRef, popperNode);
+            this.popperNode = popperNode;
+            this.updatePopperInstance();
+        };
+        this.setArrowNode = (arrowNode) => {
+            this.arrowNode = arrowNode;
+        };
+        this.updateStateModifier = {
+            enabled: true,
+            order: 900,
+            fn: data => {
+                const { placement } = data;
+                this.setState({ data, placement });
+                return data;
+            },
+        };
+        this.getOptions = () => ({
+            placement: this.props.placement,
+            eventsEnabled: this.props.eventsEnabled,
+            positionFixed: this.props.positionFixed,
+            modifiers: {
+                ...this.props.modifiers,
+                arrow: {
+                    ...(this.props.modifiers && this.props.modifiers.arrow),
+                    enabled: !!this.arrowNode,
+                    element: this.arrowNode,
+                },
+                applyStyle: { enabled: false },
+                updateStateModifier: this.updateStateModifier,
+            },
+        });
+        this.getPopperStyle = () => !this.popperNode || !this.state.data
+            ? initialStyle
+            : {
+                position: this.state.data.offsets.popper
+                    .position,
+                ...this.state.data.styles,
+            };
+        this.getPopperPlacement = () => !this.state.data ? undefined : this.state.placement;
+        this.getArrowStyle = () => !this.arrowNode || !this.state.data
+            ? initialArrowStyle
+            : this.state.data.arrowStyles;
+        this.getOutOfBoundariesState = () => this.state.data ? this.state.data.hide : undefined;
+        this.destroyPopperInstance = () => {
+            if (!this.popperInstance) {
+                return;
+            }
+            this.popperInstance.destroy();
+            this.popperInstance = null;
+        };
+        this.updatePopperInstance = () => {
+            this.destroyPopperInstance();
+            const { popperNode } = this;
+            const { referenceElement } = this.props;
+            if (!referenceElement || !popperNode) {
+                return;
+            }
+            this.popperInstance = new popper(referenceElement, popperNode, this.getOptions());
+        };
+        this.scheduleUpdate = () => {
+            if (this.popperInstance) {
+                this.popperInstance.scheduleUpdate();
+            }
+        };
     }
-
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-
-    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "state", {
-      data: undefined,
-      placement: undefined
-    });
-
-    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "popperInstance", void 0);
-
-    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "popperNode", null);
-
-    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "arrowNode", null);
-
-    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "setPopperNode", function (popperNode) {
-      if (!popperNode || _this.popperNode === popperNode) return;
-      setRef(_this.props.innerRef, popperNode);
-      _this.popperNode = popperNode;
-
-      _this.updatePopperInstance();
-    });
-
-    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "setArrowNode", function (arrowNode) {
-      _this.arrowNode = arrowNode;
-    });
-
-    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "updateStateModifier", {
-      enabled: true,
-      order: 900,
-      fn: function fn(data) {
-        var placement = data.placement;
-
-        _this.setState({
-          data: data,
-          placement: placement
+    componentDidUpdate(prevProps, prevState) {
+        if (this.props.placement !== prevProps.placement ||
+            this.props.referenceElement !== prevProps.referenceElement ||
+            this.props.positionFixed !== prevProps.positionFixed ||
+            !isEqual_default()(this.props.modifiers, prevProps.modifiers)) {
+            this.updatePopperInstance();
+        }
+        else if (this.props.eventsEnabled !== prevProps.eventsEnabled &&
+            this.popperInstance) {
+            if (this.props.eventsEnabled) {
+                this.popperInstance.enableEventListeners();
+            }
+            else {
+                this.popperInstance.disableEventListeners();
+            }
+        }
+        if (prevState.placement !== this.state.placement) {
+            this.scheduleUpdate();
+        }
+    }
+    componentWillUnmount() {
+        setRef(this.props.innerRef, null);
+        this.destroyPopperInstance();
+    }
+    render() {
+        return this.props.children({
+            ref: this.setPopperNode,
+            style: this.getPopperStyle(),
+            placement: this.getPopperPlacement(),
+            outOfBoundaries: this.getOutOfBoundariesState(),
+            scheduleUpdate: this.scheduleUpdate,
+            arrowProps: {
+                ref: this.setArrowNode,
+                style: this.getArrowStyle(),
+            },
         });
-
-        return data;
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "getOptions", function () {
-      return {
-        placement: _this.props.placement,
-        eventsEnabled: _this.props.eventsEnabled,
-        positionFixed: _this.props.positionFixed,
-        modifiers: _extends({}, _this.props.modifiers, {
-          arrow: _extends({}, _this.props.modifiers && _this.props.modifiers.arrow, {
-            enabled: !!_this.arrowNode,
-            element: _this.arrowNode
-          }),
-          applyStyle: {
-            enabled: false
-          },
-          updateStateModifier: _this.updateStateModifier
-        })
-      };
-    });
-
-    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "getPopperStyle", function () {
-      return !_this.popperNode || !_this.state.data ? initialStyle : _extends({
-        position: _this.state.data.offsets.popper.position
-      }, _this.state.data.styles);
-    });
-
-    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "getPopperPlacement", function () {
-      return !_this.state.data ? undefined : _this.state.placement;
-    });
-
-    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "getArrowStyle", function () {
-      return !_this.arrowNode || !_this.state.data ? initialArrowStyle : _this.state.data.arrowStyles;
-    });
-
-    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "getOutOfBoundariesState", function () {
-      return _this.state.data ? _this.state.data.hide : undefined;
-    });
-
-    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "destroyPopperInstance", function () {
-      if (!_this.popperInstance) return;
-
-      _this.popperInstance.destroy();
-
-      _this.popperInstance = null;
-    });
-
-    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "updatePopperInstance", function () {
-      _this.destroyPopperInstance();
-
-      var _assertThisInitialize = _assertThisInitialized(_assertThisInitialized(_this)),
-          popperNode = _assertThisInitialize.popperNode;
-
-      var referenceElement = _this.props.referenceElement;
-      if (!referenceElement || !popperNode) return;
-      _this.popperInstance = new popper(referenceElement, popperNode, _this.getOptions());
-    });
-
-    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "scheduleUpdate", function () {
-      if (_this.popperInstance) {
-        _this.popperInstance.scheduleUpdate();
-      }
-    });
-
-    return _this;
-  }
-
-  var _proto = InnerPopper.prototype;
-
-  _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {
-    // If the Popper.js options have changed, update the instance (destroy + create)
-    if (this.props.placement !== prevProps.placement || this.props.referenceElement !== prevProps.referenceElement || this.props.positionFixed !== prevProps.positionFixed || !deep_equal_default()(this.props.modifiers, prevProps.modifiers, {
-      strict: true
-    })) {
-      // develop only check that modifiers isn't being updated needlessly
-      if (false) // removed by dead control flow
-{}
-
-      this.updatePopperInstance();
-    } else if (this.props.eventsEnabled !== prevProps.eventsEnabled && this.popperInstance) {
-      this.props.eventsEnabled ? this.popperInstance.enableEventListeners() : this.popperInstance.disableEventListeners();
-    } // A placement difference in state means popper determined a new placement
-    // apart from the props value. By the time the popper element is rendered with
-    // the new position Popper has already measured it, if the place change triggers
-    // a size change it will result in a misaligned popper. So we schedule an update to be sure.
-
-
-    if (prevState.placement !== this.state.placement) {
-      this.scheduleUpdate();
     }
-  };
-
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    setRef(this.props.innerRef, null);
-    this.destroyPopperInstance();
-  };
-
-  _proto.render = function render() {
-    return unwrapArray(this.props.children)({
-      ref: this.setPopperNode,
-      style: this.getPopperStyle(),
-      placement: this.getPopperPlacement(),
-      outOfBoundaries: this.getOutOfBoundariesState(),
-      scheduleUpdate: this.scheduleUpdate,
-      arrowProps: {
-        ref: this.setArrowNode,
-        style: this.getArrowStyle()
-      }
-    });
-  };
-
-  return InnerPopper;
-}(external_React_.Component);
-
-_defineProperty(InnerPopper, "defaultProps", {
-  placement: 'bottom',
-  eventsEnabled: true,
-  referenceElement: undefined,
-  positionFixed: false
-});
-
-var Popper_placements = popper.placements;
-
-function Popper_Popper(_ref) {
-  var referenceElement = _ref.referenceElement,
-      props = _objectWithoutPropertiesLoose(_ref, ["referenceElement"]);
-
-  return external_React_.createElement(ManagerReferenceNodeContext.Consumer, null, function (referenceNode) {
-    return external_React_.createElement(InnerPopper, _extends({
-      referenceElement: referenceElement !== undefined ? referenceElement : referenceNode
-    }, props));
-  });
 }
-// EXTERNAL MODULE: ../../../node_modules/warning/warning.js
-var warning = __webpack_require__(345);
-var warning_default = /*#__PURE__*/__webpack_require__.n(warning);
-;// ../../../node_modules/react-popper/lib/esm/Reference.js
-
-
-
-
-
-
-
-
-
-var InnerReference =
-/*#__PURE__*/
-function (_React$Component) {
-  _inheritsLoose(InnerReference, _React$Component);
-
-  function InnerReference() {
-    var _this;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+InnerPopper.defaultProps = {
+    placement: 'bottom',
+    eventsEnabled: true,
+    referenceElement: undefined,
+    positionFixed: false,
+};
+const ReactPopper_Popper = ({ referenceElement, ...props }) => (external_React_.createElement(ReferenceNodeContext.Consumer, null, referenceNode => (external_React_.createElement(InnerPopper, { referenceElement: referenceElement !== undefined ? referenceElement : referenceNode, ...props }))));
+//# sourceMappingURL=ReactPopper.js.map
+;// ../../../node_modules/@babel/runtime/helpers/esm/extends.js
+function extends_extends() {
+  return extends_extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
+    return n;
+  }, extends_extends.apply(null, arguments);
+}
 
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-
-    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "refHandler", function (node) {
-      setRef(_this.props.innerRef, node);
-      safeInvoke(_this.props.setReferenceNode, node);
-    });
-
-    return _this;
+;// ../../../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
   }
+  return t;
+}
 
-  var _proto = InnerReference.prototype;
-
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    setRef(this.props.innerRef, null);
-  };
-
-  _proto.render = function render() {
-    warning_default()(Boolean(this.props.setReferenceNode), '`Reference` should not be used outside of a `Manager` component.');
-    return unwrapArray(this.props.children)({
-      ref: this.refHandler
-    });
-  };
+;// ../../../node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
+function _setPrototypeOf(t, e) {
+  return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
+    return t.__proto__ = e, t;
+  }, _setPrototypeOf(t, e);
+}
 
-  return InnerReference;
-}(external_React_.Component);
+;// ../../../node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
 
-function Reference(props) {
-  return external_React_.createElement(ManagerReferenceNodeSetterContext.Consumer, null, function (setReferenceNode) {
-    return external_React_.createElement(InnerReference, _extends({
-      setReferenceNode: setReferenceNode
-    }, props));
-  });
+function _inheritsLoose(t, o) {
+  t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
 }
+
 ;// ../../../node_modules/dom-helpers/esm/hasClass.js
 /**
  * Checks if a given element has a CSS class.
@@ -39768,7 +39550,7 @@ var CSSTransition = /*#__PURE__*/function (_React$Component) {
         _ = _this$props.classNames,
         props = _objectWithoutPropertiesLoose(_this$props, ["classNames"]);
 
-    return /*#__PURE__*/external_React_default().createElement(esm_Transition, _extends({}, props, {
+    return /*#__PURE__*/external_React_default().createElement(esm_Transition, extends_extends({}, props, {
       onEnter: this.onEnter,
       onEntered: this.onEntered,
       onEntering: this.onEntering,
@@ -40370,7 +40152,7 @@ class PopoverCore extends (external_React_default()).Component {
             fixed,
             isTestEnv: PopoverCore_isTestEnv,
         });
-        const popperWithArrow = (status) => (external_React_default().createElement(Popper_Popper, { modifiers: modifiers, placement: placement }, ({ ref, style: popperStyles, placement: popperPlacement, arrowProps, scheduleUpdate, }) => {
+        const popperWithArrow = (status) => (external_React_default().createElement(ReactPopper_Popper, { modifiers: modifiers, placement: placement }, ({ ref, style: popperStyles, placement: popperPlacement, arrowProps, scheduleUpdate, }) => {
             this.popperScheduleUpdate = scheduleUpdate;
             return (external_React_default().createElement("div", { "data-hook": "popover-content", className: popoverContentClasses.root({
                     status,
@@ -40386,7 +40168,7 @@ class PopoverCore extends (external_React_default()).Component {
                         hasArrow: true,
                     }), onKeyDown: shown && onEscPress ? this._onKeyDown : undefined, onClick: onContentClick, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedBy }, childrenObject.Content)));
         }));
-        const popper = (status) => (external_React_default().createElement(Popper_Popper, { modifiers: modifiers, placement: placement }, ({ ref, style: popperStyles, placement: popperPlacement, scheduleUpdate, }) => {
+        const popper = (status) => (external_React_default().createElement(ReactPopper_Popper, { modifiers: modifiers, placement: placement }, ({ ref, style: popperStyles, placement: popperPlacement, scheduleUpdate, }) => {
             this.popperScheduleUpdate = scheduleUpdate;
             return (external_React_default().createElement("div", { id: id, ref: mergeRefs(ref, this.popoverContentRef, this.transitionRef), role: role, tabIndex: tabIndex, className: popoverContentClasses.root({
                     status,
@@ -42284,6 +42066,432 @@ var helpers_extends = __webpack_require__(1414);
 var extends_default = /*#__PURE__*/__webpack_require__.n(helpers_extends);
 // EXTERNAL MODULE: ../../../node_modules/@wix/wix-ui-tpa/dist/cssVars/esm/components/internal/WixUiCoreComponents/components/CoreDropdown/CoreDropdown.st.css
 var CoreDropdown_st = __webpack_require__(1861);
+;// ../../../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
+function _assertThisInitialized(e) {
+  if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return e;
+}
+
+;// ../../../node_modules/@babel/runtime/helpers/esm/typeof.js
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
+;// ../../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
+
+function toPrimitive(t, r) {
+  if ("object" != _typeof(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != _typeof(i)) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+
+;// ../../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
+
+
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == _typeof(i) ? i : i + "";
+}
+
+;// ../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
+
+function _defineProperty(e, r, t) {
+  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+
+// EXTERNAL MODULE: ../../../node_modules/deep-equal/index.js
+var deep_equal = __webpack_require__(788);
+var deep_equal_default = /*#__PURE__*/__webpack_require__.n(deep_equal);
+// EXTERNAL MODULE: ../../../node_modules/@hypnosphi/create-react-context/lib/index.js
+var create_react_context_lib = __webpack_require__(774);
+var lib_default = /*#__PURE__*/__webpack_require__.n(create_react_context_lib);
+;// ../../../node_modules/react-popper/lib/esm/Manager.js
+
+
+
+
+
+var ManagerReferenceNodeContext = lib_default()();
+var ManagerReferenceNodeSetterContext = lib_default()();
+
+var Manager_Manager =
+/*#__PURE__*/
+function (_React$Component) {
+  _inheritsLoose(Manager, _React$Component);
+
+  function Manager() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+
+    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "referenceNode", void 0);
+
+    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "setReferenceNode", function (newReferenceNode) {
+      if (newReferenceNode && _this.referenceNode !== newReferenceNode) {
+        _this.referenceNode = newReferenceNode;
+
+        _this.forceUpdate();
+      }
+    });
+
+    return _this;
+  }
+
+  var _proto = Manager.prototype;
+
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    this.referenceNode = null;
+  };
+
+  _proto.render = function render() {
+    return external_React_.createElement(ManagerReferenceNodeContext.Provider, {
+      value: this.referenceNode
+    }, external_React_.createElement(ManagerReferenceNodeSetterContext.Provider, {
+      value: this.setReferenceNode
+    }, this.props.children));
+  };
+
+  return Manager;
+}(external_React_.Component);
+
+
+;// ../../../node_modules/react-popper/lib/esm/utils.js
+/**
+ * Takes an argument and if it's an array, returns the first item in the array,
+ * otherwise returns the argument. Used for Preact compatibility.
+ */
+var unwrapArray = function unwrapArray(arg) {
+  return Array.isArray(arg) ? arg[0] : arg;
+};
+/**
+ * Takes a maybe-undefined function and arbitrary args and invokes the function
+ * only if it is defined.
+ */
+
+var safeInvoke = function safeInvoke(fn) {
+  if (typeof fn === "function") {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+
+    return fn.apply(void 0, args);
+  }
+};
+/**
+ * Does a shallow equality check of two objects by comparing the reference
+ * equality of each value.
+ */
+
+var shallowEqual = function shallowEqual(objA, objB) {
+  var aKeys = Object.keys(objA);
+  var bKeys = Object.keys(objB);
+
+  if (bKeys.length !== aKeys.length) {
+    return false;
+  }
+
+  for (var i = 0; i < bKeys.length; i++) {
+    var key = aKeys[i];
+
+    if (objA[key] !== objB[key]) {
+      return false;
+    }
+  }
+
+  return true;
+};
+/**
+ * Sets a ref using either a ref callback or a ref object
+ */
+
+var utils_setRef = function setRef(ref, node) {
+  // if its a function call it
+  if (typeof ref === "function") {
+    return safeInvoke(ref, node);
+  } // otherwise we should treat it as a ref object
+  else if (ref != null) {
+      ref.current = node;
+    }
+};
+;// ../../../node_modules/react-popper/lib/esm/Popper.js
+
+
+
+
+
+
+
+
+
+
+var Popper_initialStyle = {
+  position: 'absolute',
+  top: 0,
+  left: 0,
+  opacity: 0,
+  pointerEvents: 'none'
+};
+var Popper_initialArrowStyle = {};
+var Popper_InnerPopper =
+/*#__PURE__*/
+function (_React$Component) {
+  _inheritsLoose(InnerPopper, _React$Component);
+
+  function InnerPopper() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+
+    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "state", {
+      data: undefined,
+      placement: undefined
+    });
+
+    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "popperInstance", void 0);
+
+    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "popperNode", null);
+
+    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "arrowNode", null);
+
+    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "setPopperNode", function (popperNode) {
+      if (!popperNode || _this.popperNode === popperNode) return;
+      utils_setRef(_this.props.innerRef, popperNode);
+      _this.popperNode = popperNode;
+
+      _this.updatePopperInstance();
+    });
+
+    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "setArrowNode", function (arrowNode) {
+      _this.arrowNode = arrowNode;
+    });
+
+    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "updateStateModifier", {
+      enabled: true,
+      order: 900,
+      fn: function fn(data) {
+        var placement = data.placement;
+
+        _this.setState({
+          data: data,
+          placement: placement
+        });
+
+        return data;
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "getOptions", function () {
+      return {
+        placement: _this.props.placement,
+        eventsEnabled: _this.props.eventsEnabled,
+        positionFixed: _this.props.positionFixed,
+        modifiers: extends_extends({}, _this.props.modifiers, {
+          arrow: extends_extends({}, _this.props.modifiers && _this.props.modifiers.arrow, {
+            enabled: !!_this.arrowNode,
+            element: _this.arrowNode
+          }),
+          applyStyle: {
+            enabled: false
+          },
+          updateStateModifier: _this.updateStateModifier
+        })
+      };
+    });
+
+    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "getPopperStyle", function () {
+      return !_this.popperNode || !_this.state.data ? Popper_initialStyle : extends_extends({
+        position: _this.state.data.offsets.popper.position
+      }, _this.state.data.styles);
+    });
+
+    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "getPopperPlacement", function () {
+      return !_this.state.data ? undefined : _this.state.placement;
+    });
+
+    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "getArrowStyle", function () {
+      return !_this.arrowNode || !_this.state.data ? Popper_initialArrowStyle : _this.state.data.arrowStyles;
+    });
+
+    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "getOutOfBoundariesState", function () {
+      return _this.state.data ? _this.state.data.hide : undefined;
+    });
+
+    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "destroyPopperInstance", function () {
+      if (!_this.popperInstance) return;
+
+      _this.popperInstance.destroy();
+
+      _this.popperInstance = null;
+    });
+
+    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "updatePopperInstance", function () {
+      _this.destroyPopperInstance();
+
+      var _assertThisInitialize = _assertThisInitialized(_assertThisInitialized(_this)),
+          popperNode = _assertThisInitialize.popperNode;
+
+      var referenceElement = _this.props.referenceElement;
+      if (!referenceElement || !popperNode) return;
+      _this.popperInstance = new popper(referenceElement, popperNode, _this.getOptions());
+    });
+
+    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "scheduleUpdate", function () {
+      if (_this.popperInstance) {
+        _this.popperInstance.scheduleUpdate();
+      }
+    });
+
+    return _this;
+  }
+
+  var _proto = InnerPopper.prototype;
+
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {
+    // If the Popper.js options have changed, update the instance (destroy + create)
+    if (this.props.placement !== prevProps.placement || this.props.referenceElement !== prevProps.referenceElement || this.props.positionFixed !== prevProps.positionFixed || !deep_equal_default()(this.props.modifiers, prevProps.modifiers, {
+      strict: true
+    })) {
+      // develop only check that modifiers isn't being updated needlessly
+      if (false) // removed by dead control flow
+{}
+
+      this.updatePopperInstance();
+    } else if (this.props.eventsEnabled !== prevProps.eventsEnabled && this.popperInstance) {
+      this.props.eventsEnabled ? this.popperInstance.enableEventListeners() : this.popperInstance.disableEventListeners();
+    } // A placement difference in state means popper determined a new placement
+    // apart from the props value. By the time the popper element is rendered with
+    // the new position Popper has already measured it, if the place change triggers
+    // a size change it will result in a misaligned popper. So we schedule an update to be sure.
+
+
+    if (prevState.placement !== this.state.placement) {
+      this.scheduleUpdate();
+    }
+  };
+
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    utils_setRef(this.props.innerRef, null);
+    this.destroyPopperInstance();
+  };
+
+  _proto.render = function render() {
+    return unwrapArray(this.props.children)({
+      ref: this.setPopperNode,
+      style: this.getPopperStyle(),
+      placement: this.getPopperPlacement(),
+      outOfBoundaries: this.getOutOfBoundariesState(),
+      scheduleUpdate: this.scheduleUpdate,
+      arrowProps: {
+        ref: this.setArrowNode,
+        style: this.getArrowStyle()
+      }
+    });
+  };
+
+  return InnerPopper;
+}(external_React_.Component);
+
+_defineProperty(Popper_InnerPopper, "defaultProps", {
+  placement: 'bottom',
+  eventsEnabled: true,
+  referenceElement: undefined,
+  positionFixed: false
+});
+
+var Popper_placements = popper.placements;
+
+function Popper_Popper(_ref) {
+  var referenceElement = _ref.referenceElement,
+      props = _objectWithoutPropertiesLoose(_ref, ["referenceElement"]);
+
+  return external_React_.createElement(ManagerReferenceNodeContext.Consumer, null, function (referenceNode) {
+    return external_React_.createElement(Popper_InnerPopper, extends_extends({
+      referenceElement: referenceElement !== undefined ? referenceElement : referenceNode
+    }, props));
+  });
+}
+// EXTERNAL MODULE: ../../../node_modules/warning/warning.js
+var warning = __webpack_require__(345);
+var warning_default = /*#__PURE__*/__webpack_require__.n(warning);
+;// ../../../node_modules/react-popper/lib/esm/Reference.js
+
+
+
+
+
+
+
+
+
+var Reference_InnerReference =
+/*#__PURE__*/
+function (_React$Component) {
+  _inheritsLoose(InnerReference, _React$Component);
+
+  function InnerReference() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+
+    _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "refHandler", function (node) {
+      utils_setRef(_this.props.innerRef, node);
+      safeInvoke(_this.props.setReferenceNode, node);
+    });
+
+    return _this;
+  }
+
+  var _proto = InnerReference.prototype;
+
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    utils_setRef(this.props.innerRef, null);
+  };
+
+  _proto.render = function render() {
+    warning_default()(Boolean(this.props.setReferenceNode), '`Reference` should not be used outside of a `Manager` component.');
+    return unwrapArray(this.props.children)({
+      ref: this.refHandler
+    });
+  };
+
+  return InnerReference;
+}(external_React_.Component);
+
+function Reference_Reference(props) {
+  return external_React_.createElement(ManagerReferenceNodeSetterContext.Consumer, null, function (setReferenceNode) {
+    return external_React_.createElement(Reference_InnerReference, extends_extends({
+      setReferenceNode: setReferenceNode
+    }, props));
+  });
+}
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
 var prop_types = __webpack_require__(7598);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
@@ -43076,10 +43284,10 @@ class CorePopover extends external_React_.Component {
         });
         const shouldAnimate = CorePopover_shouldAnimatePopover(this.props);
         const shouldRenderPopper = isMounted && (shouldAnimate || shown);
-        return (external_React_.createElement(Manager, null,
+        return (external_React_.createElement(Manager_Manager, null,
             external_React_.createElement(CoreClickOutside, { rootRef: this.clickOutsideRef, onClickOutside: shown ? this._handleClickOutside : undefined, excludeClass: [this.clickOutsideClass, excludeClass] },
                 external_React_.createElement("div", { ref: this.clickOutsideRef, style: style, "data-content-hook": this.contentHook, className: (0,CorePopover_st.st)(CorePopover_st.classes.root, { fluid }, this.props.className), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, id: id, ...FilterDataProps_filterDataProps(this.props) },
-                    external_React_.createElement(Reference, { innerRef: (r) => (this.targetRef = r) }, ({ ref }) => (external_React_.createElement("div", { ref: ref, className: CorePopover_st.classes.popoverElement, "data-hook": const_DataHooks.element, onClick: onClick, onKeyDown: onKeyDown }, childrenObject.Element))),
+                    external_React_.createElement(Reference_Reference, { innerRef: (r) => (this.targetRef = r) }, ({ ref }) => (external_React_.createElement("div", { ref: ref, className: CorePopover_st.classes.popoverElement, "data-hook": const_DataHooks.element, onClick: onClick, onKeyDown: onKeyDown }, childrenObject.Element))),
                     shouldRenderPopper && this.renderPopperContent(childrenObject)))));
     }
 }
@@ -44402,6 +44610,17 @@ const filterObject = (object, filter = () => true) => {
     return output;
 };
 //# sourceMappingURL=filterObject.js.map
+;// ../../../node_modules/@wix/design-system/dist/esm/Box/utils/splitDomAttributes.js
+
+const DOM_ATTRIBUTE_PREFIXES = ['data-', 'aria-'];
+const isDomAttribute = (key) => typeof key === 'string' &&
+    (DOM_ATTRIBUTE_PREFIXES.some(prefix => key.startsWith(prefix)) ||
+        /^on[A-Z]/.test(key));
+const splitDomAttributes = (props) => ({
+    domAttributes: filterObject(props, key => isDomAttribute(key)),
+    rest: filterObject(props, key => !isDomAttribute(key)),
+});
+//# sourceMappingURL=splitDomAttributes.js.map
 ;// ../../../node_modules/@wix/design-system/dist/esm/Foundation/constants/spacing.js
 /** Spacing keys accepted by Box and Layout spacing props; keys and order are public API. */
 const spacing = {
@@ -44512,6 +44731,7 @@ const getSizeValues = (props) => {
 
 
 
+
 const getColorStyles = (props) => {
     const styles = {};
     for (const propName in props) {
@@ -44522,12 +44742,13 @@ const getColorStyles = (props) => {
     }
     return styles;
 };
-const Box = (0,external_React_.forwardRef)(({ inline = false, direction = DIRECTION.horizontal, children, className, align, verticalAlign, dataHook, gap, padding, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginTop, marginRight, marginBottom, marginLeft, minWidth, maxWidth, width, minHeight, maxHeight, height, color, backgroundColor, border, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, style, role, ariaLabel, 'data-hook': dataHookByKebabCase, ...nativeStyles }, ref) => {
+const Box = (0,external_React_.forwardRef)(({ inline = false, direction = DIRECTION.horizontal, children, className, align, verticalAlign, dataHook, gap, padding, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginTop, marginRight, marginBottom, marginLeft, minWidth, maxWidth, width, minHeight, maxHeight, height, color, backgroundColor, border, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, style, role, ariaLabel, 'data-hook': dataHookByKebabCase, ...restProps }, ref) => {
     (0,external_React_.useEffect)(() => {
         if (typeof dataHookByKebabCase !== 'undefined') {
             deprecationLog_deprecationLog('<Box/> - prop "data-hook" is deprecated and will be removed in next major release, please use "dataHook" instead.');
         }
     }, [dataHookByKebabCase]);
+    const { domAttributes, rest: nativeStyles } = splitDomAttributes(restProps);
     const rootClassNames = Box_classes_classes.root({ inline, direction, align, verticalAlign }, className);
     const rootStyles = {
         ...style,
@@ -44566,7 +44787,7 @@ const Box = (0,external_React_.forwardRef)(({ inline = false, direction = DIRECT
     };
     const rootStylesFiltered = filterObject(rootStyles, (_key, value) => typeof value !== 'undefined');
     const tabIndex = role && ['button', 'link'].includes(role) ? 0 : undefined;
-    return (external_React_default().createElement("div", { "aria-label": ariaLabel, role: role, tabIndex: tabIndex, "data-hook": dataHook, className: rootClassNames, style: rootStylesFiltered, ref: ref }, children));
+    return (external_React_default().createElement("div", { ...domAttributes, "aria-label": ariaLabel ?? domAttributes['aria-label'], role: role, tabIndex: tabIndex, "data-hook": dataHook, className: rootClassNames, style: rootStylesFiltered, ref: ref }, children));
 });
 Box.displayName = 'Box';
 
@@ -45031,9 +45252,6 @@ const listItemSelectBuilder = ({ id, className, checkbox, prefix, title, label,
 // EXTERNAL MODULE: ../../../node_modules/lodash/defaultTo.js
 var defaultTo = __webpack_require__(8242);
 var defaultTo_default = /*#__PURE__*/__webpack_require__.n(defaultTo);
-// EXTERNAL MODULE: ../../../node_modules/lodash/isEqual.js
-var isEqual = __webpack_require__(8434);
-var isEqual_default = /*#__PURE__*/__webpack_require__.n(isEqual);
 // EXTERNAL MODULE: ../../../node_modules/lodash/sortBy.js
 var sortBy = __webpack_require__(7493);
 var sortBy_default = /*#__PURE__*/__webpack_require__.n(sortBy);
@@ -67089,7 +67307,7 @@ var Menu = function Menu(props) {
       getStyles = props.getStyles,
       innerRef = props.innerRef,
       innerProps = props.innerProps;
-  return core_browser_esm_jsx("div", _extends({
+  return core_browser_esm_jsx("div", extends_extends({
     css: getStyles('menu', props),
     className: cx({
       menu: true
@@ -67122,7 +67340,7 @@ var MenuList = function MenuList(props) {
       isMulti = props.isMulti,
       innerRef = props.innerRef,
       innerProps = props.innerProps;
-  return core_browser_esm_jsx("div", _extends({
+  return core_browser_esm_jsx("div", extends_extends({
     css: getStyles('menuList', props),
     className: cx({
       'menu-list': true,
@@ -67153,7 +67371,7 @@ var NoOptionsMessage = function NoOptionsMessage(props) {
       cx = props.cx,
       getStyles = props.getStyles,
       innerProps = props.innerProps;
-  return core_browser_esm_jsx("div", _extends({
+  return core_browser_esm_jsx("div", extends_extends({
     css: getStyles('noOptionsMessage', props),
     className: cx({
       'menu-notice': true,
@@ -67170,7 +67388,7 @@ var LoadingMessage = function LoadingMessage(props) {
       cx = props.cx,
       getStyles = props.getStyles,
       innerProps = props.innerProps;
-  return core_browser_esm_jsx("div", _extends({
+  return core_browser_esm_jsx("div", extends_extends({
     css: getStyles('loadingMessage', props),
     className: cx({
       'menu-notice': true,
@@ -67378,7 +67596,7 @@ var SelectContainer = function SelectContainer(props) {
       innerProps = props.innerProps,
       isDisabled = props.isDisabled,
       isRtl = props.isRtl;
-  return core_browser_esm_jsx("div", _extends({
+  return core_browser_esm_jsx("div", extends_extends({
     css: getStyles('container', props),
     className: cx({
       '--is-disabled': isDisabled,
@@ -67466,7 +67684,7 @@ var Svg = function Svg(_ref) {
   var size = _ref.size,
       props = _objectWithoutProperties(_ref, ["size"]);
 
-  return core_browser_esm_jsx("svg", _extends({
+  return core_browser_esm_jsx("svg", extends_extends({
     height: size,
     width: size,
     viewBox: "0 0 20 20",
@@ -67477,14 +67695,14 @@ var Svg = function Svg(_ref) {
 };
 
 var CrossIcon = function CrossIcon(props) {
-  return core_browser_esm_jsx(Svg, _extends({
+  return core_browser_esm_jsx(Svg, extends_extends({
     size: 20
   }, props), core_browser_esm_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 core_browser_esm_jsx(Svg, _extends({
+  return core_browser_esm_jsx(Svg, extends_extends({
     size: 20
   }, props), core_browser_esm_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"
@@ -67517,7 +67735,7 @@ var DropdownIndicator = function DropdownIndicator(props) {
       cx = props.cx,
       getStyles = props.getStyles,
       innerProps = props.innerProps;
-  return core_browser_esm_jsx("div", _extends({}, innerProps, {
+  return core_browser_esm_jsx("div", extends_extends({}, innerProps, {
     css: getStyles('dropdownIndicator', props),
     className: cx({
       indicator: true,
@@ -67532,7 +67750,7 @@ var ClearIndicator = function ClearIndicator(props) {
       cx = props.cx,
       getStyles = props.getStyles,
       innerProps = props.innerProps;
-  return core_browser_esm_jsx("div", _extends({}, innerProps, {
+  return core_browser_esm_jsx("div", extends_extends({}, innerProps, {
     css: getStyles('clearIndicator', props),
     className: cx({
       indicator: true,
@@ -67562,7 +67780,7 @@ var IndicatorSeparator = function IndicatorSeparator(props) {
       cx = props.cx,
       getStyles = props.getStyles,
       innerProps = props.innerProps;
-  return core_browser_esm_jsx("span", _extends({}, innerProps, {
+  return core_browser_esm_jsx("span", extends_extends({}, innerProps, {
     css: getStyles('indicatorSeparator', props),
     className: cx({
       'indicator-separator': true
@@ -67617,7 +67835,7 @@ var LoadingIndicator = function LoadingIndicator(props) {
       getStyles = props.getStyles,
       innerProps = props.innerProps,
       isRtl = props.isRtl;
-  return core_browser_esm_jsx("div", _extends({}, innerProps, {
+  return core_browser_esm_jsx("div", extends_extends({}, innerProps, {
     css: getStyles('loadingIndicator', props),
     className: cx({
       indicator: true,
@@ -67678,7 +67896,7 @@ var Control = function Control(props) {
       innerRef = props.innerRef,
       innerProps = props.innerProps,
       menuIsOpen = props.menuIsOpen;
-  return core_browser_esm_jsx("div", _extends({
+  return core_browser_esm_jsx("div", extends_extends({
     ref: innerRef,
     css: getStyles('control', props),
     className: cx({
@@ -67716,7 +67934,7 @@ var index_75b02bac_browser_esm_Group = function Group(props) {
     className: cx({
       group: true
     }, className)
-  }, core_browser_esm_jsx(Heading, _extends({}, headingProps, {
+  }, core_browser_esm_jsx(Heading, extends_extends({}, headingProps, {
     selectProps: selectProps,
     theme: theme,
     getStyles: getStyles,
@@ -67747,7 +67965,7 @@ var GroupHeading = function GroupHeading(props) {
       selectProps = props.selectProps,
       cleanProps = _objectWithoutProperties(props, ["className", "cx", "getStyles", "theme", "selectProps"]);
 
-  return core_browser_esm_jsx("div", _extends({
+  return core_browser_esm_jsx("div", extends_extends({
     css: getStyles('groupHeading', _objectSpread$1({
       theme: theme
     }, cleanProps)),
@@ -67802,7 +68020,7 @@ var index_75b02bac_browser_esm_Input = function Input(_ref2) {
     css: getStyles('input', _objectSpread$2({
       theme: theme
     }, props))
-  }, core_browser_esm_jsx(AutosizeInput/* default */.A, _extends({
+  }, core_browser_esm_jsx(AutosizeInput/* default */.A, extends_extends({
     className: cx({
       input: true
     }, className),
@@ -67965,7 +68183,7 @@ var Option = function Option(props) {
       isSelected = props.isSelected,
       innerRef = props.innerRef,
       innerProps = props.innerProps;
-  return core_browser_esm_jsx("div", _extends({
+  return core_browser_esm_jsx("div", extends_extends({
     css: getStyles('option', props),
     className: cx({
       option: true,
@@ -67998,7 +68216,7 @@ var Placeholder = function Placeholder(props) {
       cx = props.cx,
       getStyles = props.getStyles,
       innerProps = props.innerProps;
-  return core_browser_esm_jsx("div", _extends({
+  return core_browser_esm_jsx("div", extends_extends({
     css: getStyles('placeholder', props),
     className: cx({
       placeholder: true
@@ -68033,7 +68251,7 @@ var SingleValue = function SingleValue(props) {
       getStyles = props.getStyles,
       isDisabled = props.isDisabled,
       innerProps = props.innerProps;
-  return core_browser_esm_jsx("div", _extends({
+  return core_browser_esm_jsx("div", extends_extends({
     css: getStyles('singleValue', props),
     className: cx({
       'single-value': true,
@@ -68422,7 +68640,7 @@ var _ref =  true ? {
 } : 0;
 
 var A11yText = function A11yText(props) {
-  return core_browser_esm_jsx("span", _extends({
+  return core_browser_esm_jsx("span", extends_extends({
     css: _ref
   }, props));
 };
@@ -68438,7 +68656,7 @@ function DummyInput(_ref) {
       emotion = _ref.emotion,
       props = _objectWithoutProperties(_ref, ["in", "out", "onExited", "appear", "enter", "exit", "innerRef", "emotion"]);
 
-  return core_browser_esm_jsx("input", _extends({
+  return core_browser_esm_jsx("input", extends_extends({
     ref: innerRef
   }, props, {
     css: /*#__PURE__*/css_browser_esm({
@@ -70497,7 +70715,7 @@ var Select = /*#__PURE__*/function (_Component) {
 
       if (!isSearchable) {
         // use a dummy input to maintain focus/blur functionality
-        return /*#__PURE__*/external_React_default().createElement(DummyInput, _extends({
+        return /*#__PURE__*/external_React_default().createElement(DummyInput, extends_extends({
           id: id,
           innerRef: this.getInputRef,
           onBlur: this.onInputBlur,
@@ -70515,7 +70733,7 @@ var Select = /*#__PURE__*/function (_Component) {
           cx = _this$commonProps.cx,
           theme = _this$commonProps.theme,
           selectProps = _this$commonProps.selectProps;
-      return /*#__PURE__*/external_React_default().createElement(Input, _extends({
+      return /*#__PURE__*/external_React_default().createElement(Input, extends_extends({
         autoCapitalize: "none",
         autoComplete: "off",
         autoCorrect: "off",
@@ -70562,7 +70780,7 @@ var Select = /*#__PURE__*/function (_Component) {
           isFocused = _this$state8.isFocused;
 
       if (!this.hasValue() || !controlShouldRenderValue) {
-        return inputValue ? null : /*#__PURE__*/external_React_default().createElement(Placeholder, _extends({}, commonProps, {
+        return inputValue ? null : /*#__PURE__*/external_React_default().createElement(Placeholder, extends_extends({}, commonProps, {
           key: "placeholder",
           isDisabled: isDisabled,
           isFocused: isFocused
@@ -70572,7 +70790,7 @@ var Select = /*#__PURE__*/function (_Component) {
       if (isMulti) {
         var selectValues = selectValue.map(function (opt, index) {
           var isOptionFocused = opt === focusedValue;
-          return /*#__PURE__*/external_React_default().createElement(MultiValue, _extends({}, commonProps, {
+          return /*#__PURE__*/external_React_default().createElement(MultiValue, extends_extends({}, commonProps, {
             components: {
               Container: MultiValueContainer,
               Label: MultiValueLabel,
@@ -70605,7 +70823,7 @@ var Select = /*#__PURE__*/function (_Component) {
       }
 
       var singleValue = selectValue[0];
-      return /*#__PURE__*/external_React_default().createElement(SingleValue, _extends({}, commonProps, {
+      return /*#__PURE__*/external_React_default().createElement(SingleValue, extends_extends({}, commonProps, {
         data: singleValue,
         isDisabled: isDisabled
       }), this.formatOptionLabel(singleValue, 'value'));
@@ -70629,7 +70847,7 @@ var Select = /*#__PURE__*/function (_Component) {
         onTouchEnd: this.onClearIndicatorTouchEnd,
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/external_React_default().createElement(ClearIndicator, _extends({}, commonProps, {
+      return /*#__PURE__*/external_React_default().createElement(ClearIndicator, extends_extends({}, commonProps, {
         innerProps: innerProps,
         isFocused: isFocused
       }));
@@ -70647,7 +70865,7 @@ var Select = /*#__PURE__*/function (_Component) {
       var innerProps = {
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/external_React_default().createElement(LoadingIndicator, _extends({}, commonProps, {
+      return /*#__PURE__*/external_React_default().createElement(LoadingIndicator, extends_extends({}, commonProps, {
         innerProps: innerProps,
         isDisabled: isDisabled,
         isFocused: isFocused
@@ -70664,7 +70882,7 @@ var Select = /*#__PURE__*/function (_Component) {
       var commonProps = this.commonProps;
       var isDisabled = this.props.isDisabled;
       var isFocused = this.state.isFocused;
-      return /*#__PURE__*/external_React_default().createElement(IndicatorSeparator, _extends({}, commonProps, {
+      return /*#__PURE__*/external_React_default().createElement(IndicatorSeparator, extends_extends({}, commonProps, {
         isDisabled: isDisabled,
         isFocused: isFocused
       }));
@@ -70682,7 +70900,7 @@ var Select = /*#__PURE__*/function (_Component) {
         onTouchEnd: this.onDropdownIndicatorTouchEnd,
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/external_React_default().createElement(DropdownIndicator, _extends({}, commonProps, {
+      return /*#__PURE__*/external_React_default().createElement(DropdownIndicator, extends_extends({}, commonProps, {
         innerProps: innerProps,
         isDisabled: isDisabled,
         isFocused: isFocused
@@ -70729,7 +70947,7 @@ var Select = /*#__PURE__*/function (_Component) {
         // focused option changes so we calculate additional props based on that
         var isFocused = focusedOption === props.data;
         props.innerRef = isFocused ? _this5.getFocusedOptionRef : undefined;
-        return /*#__PURE__*/external_React_default().createElement(Option, _extends({}, commonProps, props, {
+        return /*#__PURE__*/external_React_default().createElement(Option, extends_extends({}, commonProps, props, {
           isFocused: isFocused
         }), _this5.formatOptionLabel(props.data, 'menu'));
       };
@@ -70743,7 +70961,7 @@ var Select = /*#__PURE__*/function (_Component) {
                 group = _objectWithoutProperties(item, ["type"]);
 
             var headingId = "".concat(item.key, "-heading");
-            return /*#__PURE__*/external_React_default().createElement(Group, _extends({}, commonProps, group, {
+            return /*#__PURE__*/external_React_default().createElement(Group, extends_extends({}, commonProps, group, {
               Heading: GroupHeading,
               headingProps: {
                 id: headingId,
@@ -70779,12 +70997,12 @@ var Select = /*#__PURE__*/function (_Component) {
         menuPosition: menuPosition,
         menuShouldScrollIntoView: menuShouldScrollIntoView
       };
-      var menuElement = /*#__PURE__*/external_React_default().createElement(MenuPlacer, _extends({}, commonProps, menuPlacementProps), function (_ref10) {
+      var menuElement = /*#__PURE__*/external_React_default().createElement(MenuPlacer, extends_extends({}, commonProps, menuPlacementProps), function (_ref10) {
         var ref = _ref10.ref,
             _ref10$placerProps = _ref10.placerProps,
             placement = _ref10$placerProps.placement,
             maxHeight = _ref10$placerProps.maxHeight;
-        return /*#__PURE__*/external_React_default().createElement(Menu, _extends({}, commonProps, menuPlacementProps, {
+        return /*#__PURE__*/external_React_default().createElement(Menu, extends_extends({}, commonProps, menuPlacementProps, {
           innerRef: ref,
           innerProps: {
             onMouseDown: _this5.onMenuMouseDown,
@@ -70798,7 +71016,7 @@ var Select = /*#__PURE__*/function (_Component) {
           onBottomArrive: onMenuScrollToBottom
         }, /*#__PURE__*/external_React_default().createElement(ScrollBlock, {
           isEnabled: menuShouldBlockScroll
-        }, /*#__PURE__*/external_React_default().createElement(MenuList, _extends({}, commonProps, {
+        }, /*#__PURE__*/external_React_default().createElement(MenuList, extends_extends({}, commonProps, {
           innerRef: _this5.getMenuListRef,
           isLoading: isLoading,
           maxHeight: maxHeight
@@ -70807,7 +71025,7 @@ var Select = /*#__PURE__*/function (_Component) {
       // so we use the same component. the actual portalling logic is forked
       // within the component based on `menuPosition`
 
-      return menuPortalTarget || menuPosition === 'fixed' ? /*#__PURE__*/external_React_default().createElement(MenuPortal, _extends({}, commonProps, {
+      return menuPortalTarget || menuPosition === 'fixed' ? /*#__PURE__*/external_React_default().createElement(MenuPortal, extends_extends({}, commonProps, {
         appendTo: menuPortalTarget,
         controlElement: this.controlRef,
         menuPlacement: menuPlacement,
@@ -70888,7 +71106,7 @@ var Select = /*#__PURE__*/function (_Component) {
           menuIsOpen = _this$props22.menuIsOpen;
       var isFocused = this.state.isFocused;
       var commonProps = this.commonProps = this.getCommonProps();
-      return /*#__PURE__*/external_React_default().createElement(SelectContainer, _extends({}, commonProps, {
+      return /*#__PURE__*/external_React_default().createElement(SelectContainer, extends_extends({}, commonProps, {
         className: className,
         innerProps: {
           id: id,
@@ -70896,7 +71114,7 @@ var Select = /*#__PURE__*/function (_Component) {
         },
         isDisabled: isDisabled,
         isFocused: isFocused
-      }), this.renderLiveRegion(), /*#__PURE__*/external_React_default().createElement(Control, _extends({}, commonProps, {
+      }), this.renderLiveRegion(), /*#__PURE__*/external_React_default().createElement(Control, extends_extends({}, commonProps, {
         innerRef: this.getControlRef,
         innerProps: {
           onMouseDown: this.onControlMouseDown,
@@ -70905,9 +71123,9 @@ var Select = /*#__PURE__*/function (_Component) {
         isDisabled: isDisabled,
         isFocused: isFocused,
         menuIsOpen: menuIsOpen
-      }), /*#__PURE__*/external_React_default().createElement(ValueContainer, _extends({}, commonProps, {
+      }), /*#__PURE__*/external_React_default().createElement(ValueContainer, extends_extends({}, commonProps, {
         isDisabled: isDisabled
-      }), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/external_React_default().createElement(IndicatorsContainer, _extends({}, commonProps, {
+      }), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/external_React_default().createElement(IndicatorsContainer, extends_extends({}, commonProps, {
         isDisabled: isDisabled
       }), this.renderClearIndicator(), this.renderLoadingIndicator(), this.renderIndicatorSeparator(), this.renderDropdownIndicator())), this.renderMenu(), this.renderFormField());
     }
@@ -71042,7 +71260,7 @@ var manageState = function manageState(SelectComponent) {
             defaultValue = _this$props2.defaultValue,
             props = _objectWithoutProperties(_this$props2, ["defaultInputValue", "defaultMenuIsOpen", "defaultValue"]);
 
-        return /*#__PURE__*/external_React_default().createElement(SelectComponent, _extends({}, props, {
+        return /*#__PURE__*/external_React_default().createElement(SelectComponent, extends_extends({}, props, {
           ref: function ref(_ref) {
             _this2.select = _ref;
           },