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

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

@@ -8083,7 +8083,7 @@
       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
     });
@@ -8116,35 +8116,35 @@
       placement,
       onOpenChange: handleToggle
     }), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, context = _useFloating.context;
-    var hover = react.useHover(context, {
+    var hover = react.useHover(context, _object_spread$_({
       enabled: eventType === "hover",
-      delay: typeof hoverDelay === "number" ? {
+      delay: {
         open: hoverDelay,
         close: 0
-      } : hoverDelay,
+      },
       handleClose: react.safePolygon()
-    });
-    var focus = react.useFocus(context, {
+    }, hoverOptions));
+    var focus = react.useFocus(context, _object_spread$_({
       enabled: eventType === "hover"
-    });
-    var click = react.useClick(context, {
+    }, focusOptions));
+    var click = react.useClick(context, _object_spread$_({
       enabled: eventType === "click"
-    });
-    var dismiss = react.useDismiss(context, {
+    }, clickOptions));
+    var dismiss = react.useDismiss(context, _object_spread$_({
       enabled: eventType === "click",
       ancestorScroll: shouldHideOnScroll
-    });
+    }, dismissOptions));
     var _useInteractions = react.useInteractions([
       hover,
       click,
       focus,
       dismiss
     ]), getFloatingProps = _useInteractions.getFloatingProps, getReferenceProps = _useInteractions.getReferenceProps;
-    var _useTransitionStatus = react.useTransitionStatus(context, {
+    var _useTransitionStatus = react.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 && {
@@ -8174,7 +8174,7 @@
             ref: refs.setFloating,
             style: floatingStyles,
             className: classes.popup
-          }, getFloatingProps(), trueReactPlatformHelpers.addDataAttributes(popupData)), {
+          }, getFloatingProps(), trueReactPlatformHelpers.addDataAttributes(popupData, testId, "popup")), {
             children: /* @__PURE__ */ jsxs("div", {
               className: classes["dropdown-".concat(status)],
               children: [
@@ -8412,10 +8412,14 @@
         onClick === null || onClick === void 0 ? void 0 : onClick(event);
       }
     };
+    var filteredItems = items.filter(function(param2) {
+      var isHidden = param2.isHidden;
+      return !isHidden;
+    });
     return /* @__PURE__ */ jsx("div", _object_spread_props$P(_object_spread$Y({
       className: classes.root
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
-      children: items.map(function(item, i) {
+      children: filteredItems.map(function(item, i) {
         var itemProps = _object_spread_props$P(_object_spread$Y({
           testId: trueReactPlatformHelpers.getTestId(testId, "item-".concat(i))
         }, item), {
@@ -11325,6 +11329,7 @@
         /* @__PURE__ */ jsx("div", _object_spread_props$E(_object_spread$J({
           className: classes.list
         }, trueReactPlatformHelpers.addDataTestId(testId)), {
+          tabIndex: -1,
           children: isLoading ? /* @__PURE__ */ jsx("div", {
             className: clsx(classes.cell, classes.loading),
             children: loadingLabel
@@ -32367,6 +32372,7 @@
   exports2.ScrollIntoViewIfNeeded = ScrollIntoViewIfNeeded;
   exports2.SearchInput = SearchInput;
   exports2.Select = Select;
+  exports2.SelectList = SelectList;
   exports2.Selector = Selector;
   exports2.Skeleton = Skeleton;
   exports2.SmartInput = SmartInput;