@true-engineering/true-react-common-ui-kit 3.55.0 → 3.56.0

package/dist/components/WithPopup/WithPopup.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { Placement, Middleware, OffsetOptions, UseHoverProps } from '@floating-ui/react';
+import { Placement, Middleware, OffsetOptions, UseHoverProps, UseClickProps, UseFocusProps, UseDismissProps, UseTransitionStatusProps } from '@floating-ui/react';
 import { ICommonProps, IDataAttributes, IRenderNode } from '../../types';
 import { IPopupArrowProps, IPopupEventType, IWithPopupChildrenProps, IWithPopupToggleEvent, IWithPopupTriggerProps } from './types';
 import { IWithPopupStyles } from './WithPopup.styles';
@@ -11,8 +11,11 @@ export interface IWithPopupProps extends ICommonProps<IWithPopupStyles> {
     placement?: Placement;
     /** @default 'click' */
     eventType?: IPopupEventType;
-    /** @default 0 */
-    hoverDelay?: UseHoverProps['delay'];
+    /**
+     * @deprecated Используйте hoverOptions
+     * @default 0
+     */
+    hoverDelay?: number;
     /** @default 6 */
     popupOffset?: OffsetOptions;
     arrowProps?: IPopupArrowProps;
@@ -35,6 +38,11 @@ export interface IWithPopupProps extends ICommonProps<IWithPopupStyles> {
     /** Должна ли минимальная ширина попапа быть равна ширине триггера
      * @default false */
     isMinWidthSameAsTrigger?: boolean;
+    hoverOptions?: UseHoverProps;
+    clickOptions?: UseClickProps;
+    focusOptions?: UseFocusProps;
+    dismissOptions?: UseDismissProps;
+    transitionOptions?: UseTransitionStatusProps;
     onToggle?: (isActive: boolean, event?: IWithPopupToggleEvent) => void;
 }
 export declare const WithPopup: FC<IWithPopupProps>;

package/dist/true-react-common-ui-kit.js

@@ -8096,7 +8096,7 @@ function _unsupported_iterable_to_array$m(o, minLen) {
     return _array_like_to_array$m(o, minLen);
 }
 var WithPopup = function(param) {
-  var trigger = param.trigger, children = param.children, _param_middlewares = param.middlewares, middlewares = _param_middlewares === void 0 ? [] : _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_hoverDelay = param.hoverDelay, hoverDelay = _param_hoverDelay === void 0 ? 0 : _param_hoverDelay, _param_popupOffset = param.popupOffset, popupOffset = _param_popupOffset === void 0 ? DEFAULT_OFFSET : _param_popupOffset, arrowProps = param.arrowProps, popupData = param.popupData, _param_shouldStopPropagation = param.shouldStopPropagation, shouldStopPropagation = _param_shouldStopPropagation === void 0 ? eventType === "click" : _param_shouldStopPropagation, _param_shouldHideOnScroll = param.shouldHideOnScroll, shouldHideOnScroll = _param_shouldHideOnScroll === void 0 ? false : _param_shouldHideOnScroll, _param_shouldRenderInBody = param.shouldRenderInBody, shouldRenderInBody = _param_shouldRenderInBody === void 0 ? true : _param_shouldRenderInBody, _param_canBeFlipped = param.canBeFlipped, canBeFlipped = _param_canBeFlipped === void 0 ? true : _param_canBeFlipped, _param_isTriggerWrapped = param.isTriggerWrapped, isTriggerWrapped = _param_isTriggerWrapped === void 0 ? eventType === "hover" : _param_isTriggerWrapped, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_shouldShowArrow = param.shouldShowArrow, shouldShowArrow = _param_shouldShowArrow === void 0 ? false : _param_shouldShowArrow, _param_isMinWidthSameAsTrigger = param.isMinWidthSameAsTrigger, isMinWidthSameAsTrigger = _param_isMinWidthSameAsTrigger === void 0 ? false : _param_isMinWidthSameAsTrigger, tweakStyles = param.tweakStyles, data = param.data, testId = param.testId, onToggle = param.onToggle;
+  var trigger = param.trigger, children = param.children, _param_middlewares = param.middlewares, middlewares = _param_middlewares === void 0 ? [] : _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_hoverDelay = param.hoverDelay, hoverDelay = _param_hoverDelay === void 0 ? 0 : _param_hoverDelay, _param_popupOffset = param.popupOffset, popupOffset = _param_popupOffset === void 0 ? DEFAULT_OFFSET : _param_popupOffset, arrowProps = param.arrowProps, popupData = param.popupData, _param_shouldStopPropagation = param.shouldStopPropagation, shouldStopPropagation = _param_shouldStopPropagation === void 0 ? eventType === "click" : _param_shouldStopPropagation, _param_shouldHideOnScroll = param.shouldHideOnScroll, shouldHideOnScroll = _param_shouldHideOnScroll === void 0 ? false : _param_shouldHideOnScroll, _param_shouldRenderInBody = param.shouldRenderInBody, shouldRenderInBody = _param_shouldRenderInBody === void 0 ? true : _param_shouldRenderInBody, _param_canBeFlipped = param.canBeFlipped, canBeFlipped = _param_canBeFlipped === void 0 ? true : _param_canBeFlipped, _param_isTriggerWrapped = param.isTriggerWrapped, isTriggerWrapped = _param_isTriggerWrapped === void 0 ? eventType === "hover" : _param_isTriggerWrapped, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_shouldShowArrow = param.shouldShowArrow, shouldShowArrow = _param_shouldShowArrow === void 0 ? false : _param_shouldShowArrow, _param_isMinWidthSameAsTrigger = param.isMinWidthSameAsTrigger, isMinWidthSameAsTrigger = _param_isMinWidthSameAsTrigger === void 0 ? false : _param_isMinWidthSameAsTrigger, hoverOptions = param.hoverOptions, clickOptions = param.clickOptions, focusOptions = param.focusOptions, dismissOptions = param.dismissOptions, transitionOptions = param.transitionOptions, tweakStyles = param.tweakStyles, data = param.data, testId = param.testId, onToggle = param.onToggle;
   var classes = useStyles$U({
     theme: tweakStyles
   });
@@ -8129,35 +8129,35 @@ var WithPopup = function(param) {
     placement,
     onOpenChange: handleToggle
   }), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, context = _useFloating.context;
-  var hover = useHover(context, {
+  var hover = useHover(context, _object_spread$_({
     enabled: eventType === "hover",
-    delay: typeof hoverDelay === "number" ? {
+    delay: {
       open: hoverDelay,
       close: 0
-    } : hoverDelay,
+    },
     handleClose: safePolygon()
-  });
-  var focus = useFocus(context, {
+  }, hoverOptions));
+  var focus = useFocus(context, _object_spread$_({
     enabled: eventType === "hover"
-  });
-  var click = useClick(context, {
+  }, focusOptions));
+  var click = useClick(context, _object_spread$_({
     enabled: eventType === "click"
-  });
-  var dismiss = useDismiss(context, {
+  }, clickOptions));
+  var dismiss = useDismiss(context, _object_spread$_({
     enabled: eventType === "click",
     ancestorScroll: shouldHideOnScroll
-  });
+  }, dismissOptions));
   var _useInteractions = useInteractions([
     hover,
     click,
     focus,
     dismiss
   ]), getFloatingProps = _useInteractions.getFloatingProps, getReferenceProps = _useInteractions.getReferenceProps;
-  var _useTransitionStatus = useTransitionStatus(context, {
+  var _useTransitionStatus = useTransitionStatus(context, _object_spread$_({
     duration: {
       close: 500
     }
-  }), isMounted = _useTransitionStatus.isMounted, status = _useTransitionStatus.status;
+  }, transitionOptions)), isMounted = _useTransitionStatus.isMounted, status = _useTransitionStatus.status;
   var referenceProps = getReferenceProps(_object_spread$_({
     ref: refs.setReference
   }, shouldStopPropagation && {
@@ -8187,7 +8187,7 @@ var WithPopup = function(param) {
           ref: refs.setFloating,
           style: floatingStyles,
           className: classes.popup
-        }, getFloatingProps(), addDataAttributes$1(popupData)), {
+        }, getFloatingProps(), addDataAttributes$1(popupData, testId, "popup")), {
           children: /* @__PURE__ */ jsxs("div", {
             className: classes["dropdown-".concat(status)],
             children: [
@@ -11342,6 +11342,7 @@ function SelectList(param) {
       /* @__PURE__ */ jsx("div", _object_spread_props$E(_object_spread$J({
         className: classes.list
       }, addDataTestId(testId)), {
+        tabIndex: -1,
         children: isLoading ? /* @__PURE__ */ jsx("div", {
           className: clsx(classes.cell, classes.loading),
           children: loadingLabel