@dashadmin/dash-components 1.3.25 → 1.3.28

package/dist/components/dialog/QuickSearch.js

@@ -1 +1,117 @@
-import{Fragment as T,jsx as o,jsxs as b}from"react/jsx-runtime";import{useEffect as h,useState as g}from"react";import S from"@mui/material/Button";import{useNavigate as k}from"react-router-dom";import*as c from"react";import q from"@dashadmin/dash-modal";import{TextField as v}from"@mui/material";import x from"../../hooks/useQuickSearch";import B from"../../utils/setNativeValue";const y=u=>{const{searchUrl:l="/admin/package"}=u,f=k(),[a,m]=g({q:""}),[t,r]=c.useState(!1),{sendQuickSearchEvent:p}=x(),i=c.useRef(null),n=e=>{if(e==null){r(!0);return}r(!t)},s=()=>{n(!1),f({pathname:l}),setTimeout(()=>{p(a.q),B(document.getElementById("quickSearch"),a.q)},2e3)};return h(()=>{t===!0&&setTimeout(()=>{i.current?.focus()},10)},[t]),b(T,{children:[o(S,{className:"dash-header-actions-btn",onClick:()=>n(!0),children:"B\xFAsqueda r\xE1pida"}),o(q,{onCancel:()=>{n(!1)},onConfirm:()=>s(),title:"B\xFAsqueda r\xE1pida",variant:"info",open:t,confirmText:"Buscar",children:o("div",{style:{display:"flex",flexDirection:"column",alignItems:"stretch",textAlign:"left"},children:o(v,{inputRef:i,autoFocus:!0,variant:"outlined",placeholder:"Buscar por nombre, apellido, ID dash",label:"Buscar",onChange:({target:{value:e}})=>m(d=>({...d,q:e})),onKeyDown:e=>{e.key==="Enter"&&s()}})})})]})};var A=y;export{A as default};
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import Button from "@mui/material/Button";
+import { useNavigate } from "react-router-dom";
+import * as React from "react";
+import DASHModal from "dash-modal";
+import { TextField } from "@mui/material";
+import useQuickSearch from "../../hooks/useQuickSearch";
+import setNativeValue from "../../utils/setNativeValue";
+const QuickSearch = (props) => {
+  const { searchUrl = "/admin/package" } = props;
+  const navigateTo = useNavigate();
+  const [options, setOptions] = useState({ q: "" });
+  const [open, setOpen] = React.useState(false);
+  const { sendQuickSearchEvent } = useQuickSearch();
+  const inputRef = React.useRef(null);
+  const toggleModal = (value) => {
+    if (value === null || value === void 0) {
+      setOpen(true);
+      return;
+    }
+    setOpen(!open);
+  };
+  const search = () => {
+    toggleModal(false);
+    navigateTo({
+      pathname: searchUrl
+      //search: `filter=${stringify({  quickSearch: options.q}, { arrayFormat: 'bracket', arrayFormatSeparator:":" })}`,
+      //search: `quickSearch=${options.q}`
+    });
+    setTimeout(() => {
+      sendQuickSearchEvent(options.q);
+      setNativeValue(document.getElementById("quickSearch"), options.q);
+    }, 2e3);
+  };
+  useEffect(() => {
+    if (open === true) {
+      setTimeout(() => {
+        var _a;
+        (_a = inputRef.current) == null ? void 0 : _a.focus();
+      }, 10);
+    }
+  }, [open]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        className: "dash-header-actions-btn",
+        onClick: () => toggleModal(true),
+        children: "B\xFAsqueda r\xE1pida"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DASHModal,
+      {
+        onCancel: () => {
+          toggleModal(false);
+        },
+        onConfirm: () => search(),
+        title: "B\xFAsqueda r\xE1pida",
+        variant: "info",
+        open,
+        confirmText: "Buscar",
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "stretch",
+              textAlign: "left"
+            },
+            children: /* @__PURE__ */ jsx(
+              TextField,
+              {
+                inputRef,
+                autoFocus: true,
+                variant: "outlined",
+                placeholder: "Buscar por nombre, apellido, ID dash",
+                label: "Buscar",
+                onChange: ({ target: { value } }) => setOptions((prevState) => __spreadProps(__spreadValues({}, prevState), { q: value })),
+                onKeyDown: (ev) => {
+                  if (ev.key === "Enter") {
+                    search();
+                  }
+                }
+              }
+            )
+          }
+        )
+      }
+    )
+  ] });
+};
+var QuickSearch_default = QuickSearch;
+export {
+  QuickSearch_default as default
+};