@darajs/core 1.17.3 → 1.17.4

package/dist/umd/dara.core.umd.js

@@ -45830,9 +45830,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   }
   function FilterContainer(props) {
     var _a;
-    const [visible, setVisible] = React.useState(false);
-    const show = () => setVisible(true);
-    const hide2 = () => setVisible(false);
+    const [isOpen, setIsOpen] = React.useState(false);
     const hasFilter = !(props.col.filterValue === void 0 || ((_a = props.col.filterValue) === null || _a === void 0 ? void 0 : _a.selected) === "None" || Array.isArray(props.col.filterValue) && props.col.filterValue.length === 0);
     const items = React.useMemo(() => {
       var _a2;
@@ -45841,16 +45839,29 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       }
     }, [props.col]);
     const portalsRef = React.useRef([]);
-    function onClickOutside(instance, event) {
-      const target = event.target;
-      for (const portal of portalsRef.current) {
-        if (portal === null || portal === void 0 ? void 0 : portal.contains(target)) {
-          return;
+    const { refs, floatingStyles, context: context2 } = useFloating({
+      open: isOpen,
+      onOpenChange: setIsOpen,
+      placement: "bottom-start",
+      middleware: [offset$2(8), flip$2(), shift({ padding: 8 })],
+      whileElementsMounted: autoUpdate
+    });
+    const click = useClick(context2);
+    const dismiss = useDismiss(context2, {
+      outsidePress: (event) => {
+        const target = event.target;
+        for (const portal of portalsRef.current) {
+          if (portal === null || portal === void 0 ? void 0 : portal.contains(target)) {
+            return false;
+          }
         }
+        return true;
       }
-      hide2();
-    }
-    return jsxRuntime.exports.jsx(Tooltip, { content: props.col.render("Filter", { items, onChange: hide2, portalsRef }), hidden: true, interactive: true, onClickOutside, visible, children: jsxRuntime.exports.jsx("span", { children: jsxRuntime.exports.jsx(HeaderIconWrapper, { hasFilter, children: jsxRuntime.exports.jsx(FilterIcon, { "$hasFilter": hasFilter, icon: faFilter, onClick: show }) }) }) });
+    });
+    const role = useRole(context2);
+    const { getReferenceProps, getFloatingProps } = useInteractions([click, dismiss, role]);
+    const hide2 = () => setIsOpen(false);
+    return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, { children: [jsxRuntime.exports.jsx("span", Object.assign({ ref: refs.setReference }, getReferenceProps(), { children: jsxRuntime.exports.jsx(HeaderIconWrapper, { hasFilter, children: jsxRuntime.exports.jsx(FilterIcon, { "$hasFilter": hasFilter, icon: faFilter }) }) })), jsxRuntime.exports.jsx(FloatingPortal, { children: jsxRuntime.exports.jsx("div", Object.assign({ ref: refs.setFloating, style: Object.assign(Object.assign({}, floatingStyles), { zIndex: 9999, pointerEvents: "auto", display: isOpen ? "block" : "none" }) }, getFloatingProps(), { children: props.col.render("Filter", { items, onChange: hide2, portalsRef }) })) })] });
   }
   var CheckboxState;
   (function(CheckboxState2) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@darajs/core",
-  "version": "1.17.3",
+  "version": "1.17.4",
   "description": "Dara Framework core",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -37,9 +37,9 @@
     "@babel/preset-env": "^7.23.0",
     "@babel/preset-react": "^7.22.15",
     "@babel/preset-typescript": "^7.23.0",
-    "@darajs/eslint-config": "1.17.3",
-    "@darajs/prettier-config": "1.17.3",
-    "@darajs/stylelint-config": "1.17.3",
+    "@darajs/eslint-config": "1.17.4",
+    "@darajs/prettier-config": "1.17.4",
+    "@darajs/stylelint-config": "1.17.4",
     "@rollup/plugin-inject": "^4.0.4",
     "@testing-library/dom": "^9.3.0",
     "@testing-library/jest-dom": "^5.16.5",
@@ -79,10 +79,10 @@
     "whatwg-fetch": "^3.6.2"
   },
   "dependencies": {
-    "@darajs/styled-components": "1.17.3",
-    "@darajs/ui-components": "1.17.3",
-    "@darajs/ui-notifications": "1.17.3",
-    "@darajs/ui-utils": "1.17.3",
+    "@darajs/styled-components": "1.17.4",
+    "@darajs/ui-components": "1.17.4",
+    "@darajs/ui-notifications": "1.17.4",
+    "@darajs/ui-utils": "1.17.4",
     "@fortawesome/fontawesome-free": "~6.4.0",
     "@recoiljs/refine": "^0.1.1",
     "@tanstack/query-core": "^4.0.0",
@@ -118,5 +118,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "906132970837bf3c4b17c0977f68aa534afa69b0"
+  "gitHead": "d7757081acb2b0cd1b1a12748357dbf8911627df"
 }