@spothero/ui 22.3.9-beta.2 → 22.4.0

package/dist/index.esm.js

@@ -4,6 +4,23 @@ import PropTypes, { node as node$1, bool, oneOfType, object, string, func, array
 import { createPortal, render } from 'react-dom';
 import cn from 'classnames';
 
+function _defineProperty$3(e, r, t) {
+  return (r = _toPropertyKey$1(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+function _extends$K() {
+  return _extends$K = 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$K.apply(null, arguments);
+}
 function ownKeys$1(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
@@ -25,6 +42,26 @@ function _objectSpread2$1(e) {
   }
   return e;
 }
+function _objectWithoutProperties$1(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose$y(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var s = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose$y(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (e.includes(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
 function _toPrimitive$1(t, r) {
   if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
@@ -37,7 +74,7 @@ function _toPrimitive$1(t, r) {
 }
 function _toPropertyKey$1(t) {
   var i = _toPrimitive$1(t, "string");
-  return "symbol" == typeof i ? i : String(i);
+  return "symbol" == typeof i ? i : i + "";
 }
 function _typeof$1(o) {
   "@babel/helpers - typeof";
@@ -48,61 +85,6 @@ function _typeof$1(o) {
     return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
   }, _typeof$1(o);
 }
-function _defineProperty$3(obj, key, value) {
-  key = _toPropertyKey$1(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _extends$K() {
-  _extends$K = Object.assign ? Object.assign.bind() : 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$K.apply(this, arguments);
-}
-function _objectWithoutPropertiesLoose$y(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 _objectWithoutProperties$1(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose$y(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
 
 /*
 
@@ -6599,7 +6581,7 @@ var DefaultPortal = function DefaultPortal(props) {
   var _children = manager != null && manager.zIndex ? /*#__PURE__*/React.createElement(Container$2, {
     zIndex: manager == null ? void 0 : manager.zIndex
   }, children) : children;
-  return portal.current ? /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(PortalContextProvider, {
+  return portal.current ? /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(PortalContextProvider, {
     value: portal.current
   }, _children), portal.current) : /*#__PURE__*/React.createElement("span", {
     ref: tempNode
@@ -6632,7 +6614,7 @@ var ContainerPortal = function ContainerPortal(props) {
     };
   }, [portal, host]);
   if (host && portal) {
-    return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(PortalContextProvider, {
+    return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(PortalContextProvider, {
       value: appendToParentPortal ? portal : null
     }, children), portal);
   }
@@ -14745,7 +14727,7 @@ function useFeatures(props, visualElement, preloadedFeatures) {
      * was producing a lot of duplication amongst bundles.
      */
     if (isEnabled(props) && Component) {
-      features.push( /*#__PURE__*/React.createElement(Component, _assign({
+      features.push(/*#__PURE__*/React.createElement(Component, _assign({
         key: name_1
       }, props, {
         visualElement: visualElement
@@ -22297,7 +22279,7 @@ function onlyElements(children) {
   var filtered = [];
   // We use forEach here instead of map as map mutates the component key by preprending `.$`
   Children.forEach(children, function (child) {
-    if ( /*#__PURE__*/isValidElement$1(child)) filtered.push(child);
+    if (/*#__PURE__*/isValidElement$1(child)) filtered.push(child);
   });
   return filtered;
 }
@@ -22460,7 +22442,7 @@ var AnimatePresence = function AnimatePresence(_a) {
   // the same tree between renders
   childrenToRender = childrenToRender.map(function (child) {
     var key = child.key;
-    return exiting.has(key) ? child : ( /*#__PURE__*/React.createElement(PresenceChild, {
+    return exiting.has(key) ? child : (/*#__PURE__*/React.createElement(PresenceChild, {
       key: getChildKey(child),
       isPresent: true,
       presenceAffectsLayout: presenceAffectsLayout
@@ -31937,7 +31919,7 @@ var RemoveScroll = /*#__PURE__*/React.forwardRef(function (props, parentRef) {
   var SideCar = sideCar;
   var containerRef = useMergeRefs([ref, parentRef]);
   var containerProps = _assign({}, rest, callbacks);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, enabled && ( /*#__PURE__*/React.createElement(SideCar, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, enabled && (/*#__PURE__*/React.createElement(SideCar, {
     sideCar: effectCar,
     removeScrollBar: removeScrollBar,
     shards: shards,
@@ -31946,9 +31928,9 @@ var RemoveScroll = /*#__PURE__*/React.forwardRef(function (props, parentRef) {
     setCallbacks: setCallbacks,
     allowPinchZoom: !!allowPinchZoom,
     lockRef: ref
-  })), forwardProps ? ( /*#__PURE__*/React.cloneElement(React.Children.only(children), _assign({}, containerProps, {
+  })), forwardProps ? (/*#__PURE__*/React.cloneElement(React.Children.only(children), _assign({}, containerProps, {
     ref: containerRef
-  }))) : ( /*#__PURE__*/React.createElement(Container, _assign({}, containerProps, {
+  }))) : (/*#__PURE__*/React.createElement(Container, _assign({}, containerProps, {
     className: className,
     ref: containerRef
   }), children)));
@@ -35810,7 +35792,7 @@ function renderAlerts() {
       var regionType = elementType;
       var container = liveRegions[regionType];
       if (container) {
-        render( /*#__PURE__*/createElement(VisuallyHidden, {
+        render(/*#__PURE__*/createElement(VisuallyHidden, {
           as: "div"
         }, /*#__PURE__*/createElement("div", {
           // The status role is a type of live region and a container whose
@@ -36293,7 +36275,7 @@ function Toaster() {
     (_document$body = document.body) == null ? void 0 : _document$body.appendChild(div);
     portal = div;
   }
-  render( /*#__PURE__*/React.createElement(ToastManager, {
+  render(/*#__PURE__*/React.createElement(ToastManager, {
     notify: this.bindFunctions
   }), portal);
 };
@@ -44172,18 +44154,13 @@ AccordionActionButton.propTypes = {
 
 var _path$5;
 function _extends$5() {
-  _extends$5 = Object.assign ? Object.assign.bind() : 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 _extends$5 = 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 target;
-  };
-  return _extends$5.apply(this, arguments);
+    return n;
+  }, _extends$5.apply(null, arguments);
 }
 var SvgX = function SvgX(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$5({}, props, {
@@ -44201,18 +44178,13 @@ var ForwardRef$5 = /*#__PURE__*/forwardRef$1(SvgX);
 
 var _path$4;
 function _extends$4() {
-  _extends$4 = Object.assign ? Object.assign.bind() : 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 _extends$4 = 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 target;
-  };
-  return _extends$4.apply(this, arguments);
+    return n;
+  }, _extends$4.apply(null, arguments);
 }
 var SvgInfoCircleFilled = function SvgInfoCircleFilled(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$4({}, props, {
@@ -44230,18 +44202,13 @@ var ForwardRef$4 = /*#__PURE__*/forwardRef$1(SvgInfoCircleFilled);
 
 var _path$3;
 function _extends$3() {
-  _extends$3 = Object.assign ? Object.assign.bind() : 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 _extends$3 = 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 target;
-  };
-  return _extends$3.apply(this, arguments);
+    return n;
+  }, _extends$3.apply(null, arguments);
 }
 var SvgExclamationCircleFilled = function SvgExclamationCircleFilled(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$3({}, props, {
@@ -44259,18 +44226,13 @@ var ForwardRef$3 = /*#__PURE__*/forwardRef$1(SvgExclamationCircleFilled);
 
 var _path$2;
 function _extends$2() {
-  _extends$2 = Object.assign ? Object.assign.bind() : 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 _extends$2 = 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 target;
-  };
-  return _extends$2.apply(this, arguments);
+    return n;
+  }, _extends$2.apply(null, arguments);
 }
 var SvgCheckmarkCircleFilled = function SvgCheckmarkCircleFilled(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$2({}, props, {
@@ -44478,18 +44440,13 @@ Tabs.propTypes = {
 
 var _path$1;
 function _extends$1() {
-  _extends$1 = Object.assign ? Object.assign.bind() : 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 _extends$1 = 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 target;
-  };
-  return _extends$1.apply(this, arguments);
+    return n;
+  }, _extends$1.apply(null, arguments);
 }
 var SvgChevronDown = function SvgChevronDown(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$1({}, props, {
@@ -47154,6 +47111,8 @@ var templateExports = requireTemplate();
 var template = /*@__PURE__*/getDefaultExportFromCjs(templateExports);
 
 var _excluded$l = ["isSSR", "cloudinaryImageId", "cloudinaryTemplate", "cloudinaryCloudName", "htmlWidth", "htmlHeight", "quality", "lazyLoad"];
+
+// This code is copied from fe-utils https://github.com/spothero/fe-monorepo/blob/a0e06482e74dcb5502b21c5fbf0a679752a1f8ce/packages/fe-utils/src/environment/environment.js#L391
 function isHighDensityDisplay() {
   if (typeof window === 'undefined') {
     return false;
@@ -52905,18 +52864,13 @@ var AsyncSelect = /*#__PURE__*/forwardRef$1(function (props, ref) {
 
 var _path, _path2;
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : 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 _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 target;
-  };
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, arguments);
 }
 var SvgXCircle = function SvgXCircle(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends({}, props, {