@true-engineering/true-react-common-ui-kit 3.13.0 → 3.14.0

package/dist/true-react-common-ui-kit.umd.cjs

@@ -25284,9 +25284,6 @@
       pointerEvents: "none"
     },
     loading: {
-      "& $content": {
-        visibility: "hidden"
-      },
       "& $loader": {
         display: "block"
       }
@@ -30224,13 +30221,24 @@
       return _array_like_to_array(o, minLen);
   }
   var WithPopup = function(param) {
-    var trigger = param.trigger, children = param.children, middlewares = param.middlewares, _param_eventType = param.eventType, eventType = _param_eventType === void 0 ? "click" : _param_eventType, _param_placement = param.placement, placement = _param_placement === void 0 ? eventType === "click" ? "bottom-end" : "top" : _param_placement, _param_shouldHideOnScroll = param.shouldHideOnScroll, shouldHideOnScroll = _param_shouldHideOnScroll === void 0 ? false : _param_shouldHideOnScroll, _param_shouldRenderInBody = param.shouldRenderInBody, shouldRenderInBody = _param_shouldRenderInBody === void 0 ? false : _param_shouldRenderInBody, _param_hoverDelay = param.hoverDelay, hoverDelay = _param_hoverDelay === void 0 ? 0 : _param_hoverDelay, _param_popupOffset = param.popupOffset, popupOffset = _param_popupOffset === void 0 ? DEFAULT_OFFSET : _param_popupOffset, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, tweakStyles = param.tweakStyles, data = param.data, testId = param.testId, onToggle = param.onToggle;
+    var trigger = param.trigger, children = param.children, initialMiddlewares = param.middlewares, _param_eventType = param.eventType, eventType = _param_eventType === void 0 ? "click" : _param_eventType, _param_placement = param.placement, placement = _param_placement === void 0 ? eventType === "click" ? "bottom-end" : "top" : _param_placement, _param_shouldHideOnScroll = param.shouldHideOnScroll, shouldHideOnScroll = _param_shouldHideOnScroll === void 0 ? false : _param_shouldHideOnScroll, _param_shouldRenderInBody = param.shouldRenderInBody, shouldRenderInBody = _param_shouldRenderInBody === void 0 ? false : _param_shouldRenderInBody, _param_hoverDelay = param.hoverDelay, hoverDelay = _param_hoverDelay === void 0 ? 0 : _param_hoverDelay, _param_popupOffset = param.popupOffset, popupOffset = _param_popupOffset === void 0 ? DEFAULT_OFFSET : _param_popupOffset, _param_canBeFlipped = param.canBeFlipped, canBeFlipped = _param_canBeFlipped === void 0 ? false : _param_canBeFlipped, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, tweakStyles = param.tweakStyles, data = param.data, testId = param.testId, onToggle = param.onToggle;
     var classes = useStyles$1({
       theme: tweakStyles
     });
     var _useState = _sliced_to_array(React.useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
     var Trigger = trigger;
     var Popup = children;
+    var middleware = React.useMemo(function() {
+      return [
+        react.offset(popupOffset)
+      ].concat(_to_consumable_array(canBeFlipped ? [
+        react.flip()
+      ] : []), _to_consumable_array(initialMiddlewares !== null && initialMiddlewares !== void 0 ? initialMiddlewares : []));
+    }, [
+      popupOffset,
+      canBeFlipped,
+      initialMiddlewares
+    ]);
     var handleToggle = function(isActive, event) {
       event === null || event === void 0 ? void 0 : event.stopPropagation();
       if (!isDisabled) {
@@ -30243,9 +30251,7 @@
     };
     var _useFloating = react.useFloating({
       open: isOpen,
-      middleware: [
-        react.offset(popupOffset)
-      ].concat(_to_consumable_array(middlewares !== null && middlewares !== void 0 ? middlewares : [])),
+      middleware,
       whileElementsMounted: react.autoUpdate,
       placement,
       onOpenChange: handleToggle
@@ -30271,7 +30277,7 @@
     ]), getReferenceProps = _useInteractions.getReferenceProps, getFloatingProps = _useInteractions.getFloatingProps;
     return /* @__PURE__ */ jsxs("div", _object_spread_props$1(_object_spread$1(_object_spread_props$1(_object_spread$1({
       ref: refs.setReference
-    }, getReferenceProps), {
+    }, getReferenceProps()), {
       className: clsx(classes.root, _define_property$1({}, classes.disabled, isDisabled))
     }), trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -30379,7 +30385,7 @@
     return target;
   }
   var NewMoreMenu = function(param) {
-    var items = param.items, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_hasDefaultStateBackground = param.hasDefaultStateBackground, hasDefaultStateBackground = _param_hasDefaultStateBackground === void 0 ? true : _param_hasDefaultStateBackground, data = param.data, testId = param.testId, placement = param.placement, middlewares = param.middlewares, shouldHideOnScroll = param.shouldHideOnScroll, shouldRenderInBody = param.shouldRenderInBody, tweakStyles = param.tweakStyles;
+    var items = param.items, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_hasDefaultStateBackground = param.hasDefaultStateBackground, hasDefaultStateBackground = _param_hasDefaultStateBackground === void 0 ? true : _param_hasDefaultStateBackground, data = param.data, testId = param.testId, placement = param.placement, middlewares = param.middlewares, shouldHideOnScroll = param.shouldHideOnScroll, shouldRenderInBody = param.shouldRenderInBody, canBeFlipped = param.canBeFlipped, tweakStyles = param.tweakStyles;
     var classes = useStyles({
       theme: tweakStyles
     });
@@ -30399,6 +30405,7 @@
       middlewares,
       shouldHideOnScroll,
       shouldRenderInBody,
+      canBeFlipped,
       isDisabled: isButtonDisabled,
       tweakStyles: tweakWithPopupStyles,
       trigger: function(param2) {