@dragonmastery/zinia-forms-core 0.5.7 → 0.5.8

package/dist/index.js

@@ -8976,6 +8976,7 @@ var EnumMultiSelectFilter = (props) => {
                     e.preventDefault();
                     e.stopPropagation();
                     closeDropdown();
+                    document.activeElement?.blur();
                   },
                   onMousedown: (e) => {
                     e.preventDefault();
@@ -10248,6 +10249,10 @@ function convertToDataType(metadataType) {
   }
 }
 var FilterDrawer = (props) => {
+  const handleClose = () => {
+    props.onClose();
+    document.activeElement?.blur();
+  };
   const injectedFilterOptionsState = inject(
     ZINIA_DATA_TABLE_FILTER_OPTIONS_STATE_KEY,
     void 0
@@ -10269,7 +10274,7 @@ var FilterDrawer = (props) => {
           "div",
           {
             class: "absolute inset-0 bg-black/50 transition-opacity opacity-100 pointer-events-auto",
-            onClick: () => props.onClose()
+            onClick: handleClose
           }
         ),
         /* @__PURE__ */ jsxs(
@@ -10321,7 +10326,7 @@ var FilterDrawer = (props) => {
                     "button",
                     {
                       class: "btn btn-ghost btn-sm btn-circle hover:bg-base-300",
-                      onClick: () => props.onClose(),
+                      onClick: handleClose,
                       "aria-label": "Close filters",
                       children: /* @__PURE__ */ jsx(
                         "svg",
@@ -10466,7 +10471,7 @@ var FilterDrawer = (props) => {
                 "button",
                 {
                   class: "btn btn-primary w-full btn-sm text-xs md:text-sm",
-                  onClick: () => props.onClose(),
+                  onClick: handleClose,
                   "data-testid": `${props.tableName || "datatable"}-filter-drawer-apply`,
                   children: "Done"
                 }
@@ -10716,6 +10721,10 @@ var LoadingSkeletons = (props) => {
   ] });
 };
 var SortDrawer = (props) => {
+  const handleClose = () => {
+    props.onClose();
+    document.activeElement?.blur();
+  };
   watch(
     () => props.isOpen,
     (isOpen) => {
@@ -10727,7 +10736,7 @@ var SortDrawer = (props) => {
     }
   );
   if (!props.isOpen) return null;
-  return /* @__PURE__ */ jsx(Teleport, { to: "body", children: /* @__PURE__ */ jsx("div", { class: "fixed inset-0 z-50 bg-black/50", onClick: () => props.onClose(), children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Teleport, { to: "body", children: /* @__PURE__ */ jsx("div", { class: "fixed inset-0 z-50 bg-black/50", onClick: handleClose, children: /* @__PURE__ */ jsx(
     "div",
     {
       class: "fixed bottom-0 left-0 right-0 bg-base-100 rounded-t-lg animate-slide-up",
@@ -10736,7 +10745,7 @@ var SortDrawer = (props) => {
       children: /* @__PURE__ */ jsxs("div", { class: "p-4", children: [
         /* @__PURE__ */ jsxs("div", { class: "flex items-center justify-between mb-4", children: [
           /* @__PURE__ */ jsx("h3", { class: "text-lg font-semibold", children: "Sort Options" }),
-          /* @__PURE__ */ jsx("button", { class: "btn btn-ghost btn-sm btn-circle", onClick: () => props.onClose(), children: "\u2715" })
+          /* @__PURE__ */ jsx("button", { class: "btn btn-ghost btn-sm btn-circle", onClick: handleClose, children: "\u2715" })
         ] }),
         /* @__PURE__ */ jsxs("div", { class: "space-y-2 max-h-96 overflow-y-auto", children: [
           /* @__PURE__ */ jsxs(
@@ -10745,7 +10754,7 @@ var SortDrawer = (props) => {
               class: `w-full text-left p-3 rounded-lg transition-colors ${!props.sortingField ? "bg-primary text-primary-content" : "hover:bg-base-200"}`,
               onClick: () => {
                 props.onClearSort();
-                props.onClose();
+                handleClose();
               },
               "data-testid": `${props.tableName || "datatable"}-sort-drawer-clear`,
               children: [
@@ -10766,7 +10775,7 @@ var SortDrawer = (props) => {
                   class: `w-full text-left p-3 rounded-lg transition-colors ${props.sortingField === field && props.sortingDirection === "asc" ? "bg-primary text-primary-content" : "hover:bg-base-200"}`,
                   onClick: () => {
                     props.onSort(field, "asc");
-                    props.onClose();
+                    handleClose();
                   },
                   "data-testid": `${props.tableName || "datatable"}-sort-drawer-${field}-asc`,
                   children: /* @__PURE__ */ jsxs("div", { class: "font-medium", children: [
@@ -10784,7 +10793,7 @@ var SortDrawer = (props) => {
                   class: `w-full text-left p-3 rounded-lg transition-colors ${props.sortingField === field && props.sortingDirection === "desc" ? "bg-primary text-primary-content" : "hover:bg-base-200"}`,
                   onClick: () => {
                     props.onSort(field, "desc");
-                    props.onClose();
+                    handleClose();
                   },
                   "data-testid": `${props.tableName || "datatable"}-sort-drawer-${field}-desc`,
                   children: /* @__PURE__ */ jsxs("div", { class: "font-medium", children: [