@doist/reactist 17.7.0 → 17.8.1

package/dist/reactist.cjs.development.js

@@ -2065,26 +2065,27 @@ function Avatar(_ref) {
 
 Avatar.displayName = 'Avatar';
 
-var modules_33c7c985 = {"badge":"d05d2b62","badge-neutral":"a14691f3","badge-positive":"_4e255fdb","badge-color":"a58624e2"};
+var modules_33c7c985 = {"badge":"_1eb9b834","badge-neutral":"e02d9b99","badge-positive":"_0243fb89","badge-color":"_85c0ffa3"};
 
-const _excluded$p = ["variant", "children"];
-
-function Badge(_ref) {
+const _excluded$p = ["variant", "children", "exceptionallySetClassName"];
+const Badge = /*#__PURE__*/polymorphicComponent(function Badge(_ref, ref) {
   let {
     variant = 'neutral',
-    children
+    children,
+    exceptionallySetClassName
   } = _ref,
       rest = _objectWithoutProperties(_ref, _excluded$p);
 
-  const variantClassName = modules_33c7c985["badge-" + variant];
   return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, rest), {}, {
-    className: [modules_33c7c985.badge, variantClassName]
+    ref: ref,
+    display: "inline",
+    className: [modules_33c7c985.badge, modules_33c7c985["badge-" + variant], exceptionallySetClassName]
   }), children);
-}
+});
 
 var modules_8f59d13b = {"overlay":"_868392ae","fadein":"_63d7ee15","fitContent":"b8548bf2","container":"_31956461","full":"_1007df83","large":"_10c275aa","medium":"_0ac526b4","small":"_30f38fdb","xlarge":"_54868e8b","expand":"c0bc68bc","buttonContainer":"_6527332a","headerContent":"_4750dc1b"};
 
-const _excluded$q = ["isOpen", "onDismiss", "height", "width", "exceptionallySetClassName", "exceptionallySetOverlayClassName", "autoFocus", "hideOnEscape", "hideOnInteractOutside", "children"],
+const _excluded$q = ["isOpen", "onDismiss", "height", "width", "exceptionallySetClassName", "exceptionallySetOverlayClassName", "autoFocus", "hideOnEscape", "hideOnInteractOutside", "children", "portalElement"],
       _excluded2$1 = ["children", "button", "withDivider", "exceptionallySetClassName"],
       _excluded3 = ["exceptionallySetClassName", "children"],
       _excluded4 = ["exceptionallySetClassName", "withDivider"],
@@ -2119,7 +2120,8 @@ function Modal(_ref) {
     autoFocus = true,
     hideOnEscape = true,
     hideOnInteractOutside = true,
-    children
+    children,
+    portalElement
   } = _ref,
       props = _objectWithoutProperties(_ref, _excluded$q);
 
@@ -2165,12 +2167,19 @@ function Modal(_ref) {
   return /*#__PURE__*/React.createElement(portal.Portal // @ts-expect-error `portalRef` doesn't accept MutableRefObject initialized as null
   , {
     // @ts-expect-error `portalRef` doesn't accept MutableRefObject initialized as null
-    portalRef: portalRef
+    portalRef: portalRef,
+    portalElement: portalElement
   }, /*#__PURE__*/React.createElement(Box, {
     "data-testid": "modal-overlay",
     "data-overlay": true,
     className: classNames(modules_8f59d13b.overlay, modules_8f59d13b[height], modules_8f59d13b[width], exceptionallySetOverlayClassName),
-    onClick: hideOnInteractOutside ? handleBackdropClick : undefined,
+
+    /**
+     * We're using `onPointerDown` instead of `onClick` to prevent
+     * the modal from closing when the click starts inside the modal
+     * and ends on the backdrop.
+     */
+    onPointerDown: hideOnInteractOutside ? handleBackdropClick : undefined,
     ref: backdropRef
   }, /*#__PURE__*/React.createElement(FocusLock, {
     autoFocus: autoFocus,