@uipath/apollo-wind 2.72.1 → 2.72.2

package/dist/components/ui/index.cjs

@@ -33,10 +33,10 @@ var __webpack_modules__ = {
     "./button-group" (module) {
         module.exports = require("./button-group.cjs");
     },
-    "./button" (module) {
+    "@/components/ui/button" (module) {
         module.exports = require("./button.cjs");
     },
-    "@/components/ui/calendar" (module) {
+    "./calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
     "@/components/ui/card" (module) {
@@ -51,7 +51,7 @@ var __webpack_modules__ = {
     "./chat-hero" (module) {
         module.exports = require("./chat-hero.cjs");
     },
-    "@/components/ui/checkbox" (module) {
+    "./checkbox" (module) {
         module.exports = require("./checkbox.cjs");
     },
     "./citation" (module) {
@@ -60,7 +60,7 @@ var __webpack_modules__ = {
     "@/components/ui/code-block" (module) {
         module.exports = require("./code-block.cjs");
     },
-    "@/components/ui/collapsible" (module) {
+    "./collapsible" (module) {
         module.exports = require("./collapsible.cjs");
     },
     "./combobox" (module) {
@@ -69,7 +69,7 @@ var __webpack_modules__ = {
     "@/components/ui/command" (module) {
         module.exports = require("./command.cjs");
     },
-    "@/components/ui/context-menu" (module) {
+    "./context-menu" (module) {
         module.exports = require("./context-menu.cjs");
     },
     "./data-table" (module) {
@@ -81,13 +81,13 @@ var __webpack_modules__ = {
     "./datetime-picker" (module) {
         module.exports = require("./datetime-picker.cjs");
     },
-    "./dialog" (module) {
+    "@/components/ui/dialog" (module) {
         module.exports = require("./dialog.cjs");
     },
     "./drawer" (module) {
         module.exports = require("./drawer.cjs");
     },
-    "./dropdown-menu" (module) {
+    "@/components/ui/dropdown-menu" (module) {
         module.exports = require("./dropdown-menu.cjs");
     },
     "./dropzone-overlay" (module) {
@@ -114,10 +114,10 @@ var __webpack_modules__ = {
     "./form-field" (module) {
         module.exports = require("./form-field.cjs");
     },
-    "@/components/ui/hover-card" (module) {
+    "./hover-card" (module) {
         module.exports = require("./hover-card.cjs");
     },
-    "./info-tooltip" (module) {
+    "@/components/ui/info-tooltip" (module) {
         module.exports = require("./info-tooltip.cjs");
     },
     "@/components/ui/input-group" (module) {
@@ -132,7 +132,7 @@ var __webpack_modules__ = {
     "@/components/ui/label" (module) {
         module.exports = require("./label.cjs");
     },
-    "./layout" (module) {
+    "@/components/ui/layout" (module) {
         module.exports = require("./layout/index.cjs");
     },
     "./live-region" (module) {
@@ -273,7 +273,7 @@ var __webpack_modules__ = {
     "./tree-view" (module) {
         module.exports = require("./tree-view.cjs");
     },
-    "./variable-picker" (module) {
+    "@/components/ui/variable-picker" (module) {
         module.exports = require("./variable-picker/index.cjs");
     },
     "./variable-value-control" (module) {
@@ -429,7 +429,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_bubble__rspack_import_9[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _button__rspack_import_10 = __webpack_require__("./button");
+    var _button__rspack_import_10 = __webpack_require__("@/components/ui/button");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _button__rspack_import_10)if ([
         "getReferenceChipColors",
@@ -449,7 +449,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_button_group__rspack_import_11[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _calendar__rspack_import_12 = __webpack_require__("@/components/ui/calendar");
+    var _calendar__rspack_import_12 = __webpack_require__("./calendar");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _calendar__rspack_import_12)if ([
         "getReferenceChipColors",
@@ -499,7 +499,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_chat_hero__rspack_import_16[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _checkbox__rspack_import_17 = __webpack_require__("@/components/ui/checkbox");
+    var _checkbox__rspack_import_17 = __webpack_require__("./checkbox");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _checkbox__rspack_import_17)if ([
         "getReferenceChipColors",
@@ -529,7 +529,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_code_block__rspack_import_19[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _collapsible__rspack_import_20 = __webpack_require__("@/components/ui/collapsible");
+    var _collapsible__rspack_import_20 = __webpack_require__("./collapsible");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _collapsible__rspack_import_20)if ([
         "getReferenceChipColors",
@@ -559,7 +559,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_command__rspack_import_22[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _context_menu__rspack_import_23 = __webpack_require__("@/components/ui/context-menu");
+    var _context_menu__rspack_import_23 = __webpack_require__("./context-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _context_menu__rspack_import_23)if ([
         "getReferenceChipColors",
@@ -599,7 +599,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_datetime_picker__rspack_import_26[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dialog__rspack_import_27 = __webpack_require__("./dialog");
+    var _dialog__rspack_import_27 = __webpack_require__("@/components/ui/dialog");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dialog__rspack_import_27)if ([
         "getReferenceChipColors",
@@ -619,7 +619,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_drawer__rspack_import_28[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dropdown_menu__rspack_import_29 = __webpack_require__("./dropdown-menu");
+    var _dropdown_menu__rspack_import_29 = __webpack_require__("@/components/ui/dropdown-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dropdown_menu__rspack_import_29)if ([
         "getReferenceChipColors",
@@ -709,7 +709,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_form_field__rspack_import_37[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _hover_card__rspack_import_38 = __webpack_require__("@/components/ui/hover-card");
+    var _hover_card__rspack_import_38 = __webpack_require__("./hover-card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _hover_card__rspack_import_38)if ([
         "getReferenceChipColors",
@@ -719,7 +719,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hover_card__rspack_import_38[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _info_tooltip__rspack_import_39 = __webpack_require__("./info-tooltip");
+    var _info_tooltip__rspack_import_39 = __webpack_require__("@/components/ui/info-tooltip");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _info_tooltip__rspack_import_39)if ([
         "getReferenceChipColors",
@@ -769,7 +769,7 @@ var __webpack_exports__ = {};
         "ReferenceChip"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_label__rspack_import_43[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _layout__rspack_import_44 = __webpack_require__("./layout");
+    var _layout__rspack_import_44 = __webpack_require__("@/components/ui/layout");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _layout__rspack_import_44)if ([
         "getReferenceChipColors",
@@ -1213,7 +1213,7 @@ var __webpack_exports__ = {};
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
     var _tree_view__rspack_import_90 = __webpack_require__("./tree-view");
     var _tree_view__rspack_import_90_default = /*#__PURE__*/ __webpack_require__.n(_tree_view__rspack_import_90);
-    var _variable_picker__rspack_import_91 = __webpack_require__("./variable-picker");
+    var _variable_picker__rspack_import_91 = __webpack_require__("@/components/ui/variable-picker");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _variable_picker__rspack_import_91)if ([
         "getReferenceChipColors",

package/dist/components/ui/popover.cjs

@@ -55,17 +55,37 @@ const PopoverAnchor = /*#__PURE__*/ external_react_namespaceObject.forwardRef((p
 PopoverAnchor.displayName = react_popover_namespaceObject.Anchor.displayName;
 const PopoverContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, align = 'center', sideOffset = 4, container, ...props }, ref)=>{
     const resolvedContainer = (0, external_portal_container_cjs_namespaceObject.useResolvedPortalContainer)(container);
+    const contentRef = external_react_namespaceObject.useRef(null);
+    const setContent = external_react_namespaceObject.useCallback((node)=>{
+        contentRef.current = node;
+        if ('function' == typeof ref) ref(node);
+        else if (ref) ref.current = node;
+    }, [
+        ref
+    ]);
+    const { onInteractOutside } = props;
+    const handleInteractOutside = external_react_namespaceObject.useCallback((event)=>{
+        onInteractOutside?.(event);
+        const path = event.detail.originalEvent.composedPath();
+        const contentId = contentRef.current?.id;
+        if (path[0] === event.target || !contentId) return;
+        const onTrigger = path.some((node)=>node instanceof Element && node.getAttribute('aria-controls') === contentId);
+        if (onTrigger) event.preventDefault();
+    }, [
+        onInteractOutside
+    ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_context_cjs_namespaceObject.InputGroupContext.Provider, {
         value: external_input_group_context_cjs_namespaceObject.NO_GROUP,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Portal, {
             container: resolvedContainer,
             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Content, {
-                ref: ref,
+                ref: setContent,
                 "data-slot": "popover-content",
                 align: align,
                 sideOffset: sideOffset,
                 className: (0, index_cjs_namespaceObject.cn)('z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]', className),
-                ...props
+                ...props,
+                onInteractOutside: handleInteractOutside
             })
         })
     });

package/dist/components/ui/popover.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { Anchor, Content, Portal, Root, Trigger } from "@radix-ui/react-popover";
-import { forwardRef } from "react";
+import { forwardRef, useCallback, useRef } from "react";
 import { useResolvedPortalContainer } from "./portal-container.js";
 import { cn } from "../../lib/index.js";
 import { InputGroupContext, NO_GROUP } from "./input-group-context.js";
@@ -24,17 +24,37 @@ const PopoverAnchor = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(A
 PopoverAnchor.displayName = Anchor.displayName;
 const PopoverContent = /*#__PURE__*/ forwardRef(({ className, align = 'center', sideOffset = 4, container, ...props }, ref)=>{
     const resolvedContainer = useResolvedPortalContainer(container);
+    const contentRef = useRef(null);
+    const setContent = useCallback((node)=>{
+        contentRef.current = node;
+        if ('function' == typeof ref) ref(node);
+        else if (ref) ref.current = node;
+    }, [
+        ref
+    ]);
+    const { onInteractOutside } = props;
+    const handleInteractOutside = useCallback((event)=>{
+        onInteractOutside?.(event);
+        const path = event.detail.originalEvent.composedPath();
+        const contentId = contentRef.current?.id;
+        if (path[0] === event.target || !contentId) return;
+        const onTrigger = path.some((node)=>node instanceof Element && node.getAttribute('aria-controls') === contentId);
+        if (onTrigger) event.preventDefault();
+    }, [
+        onInteractOutside
+    ]);
     return /*#__PURE__*/ jsx(InputGroupContext.Provider, {
         value: NO_GROUP,
         children: /*#__PURE__*/ jsx(Portal, {
             container: resolvedContainer,
             children: /*#__PURE__*/ jsx(Content, {
-                ref: ref,
+                ref: setContent,
                 "data-slot": "popover-content",
                 align: align,
                 sideOffset: sideOffset,
                 className: cn('z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]', className),
-                ...props
+                ...props,
+                onInteractOutside: handleInteractOutside
             })
         })
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-wind",
-  "version": "2.72.1",
+  "version": "2.72.2",
   "description": "UiPath wind design system - A Tailwind CSS based React component library",
   "type": "module",
   "main": "./dist/index.js",