@dashadmin/dash-components 1.3.25 → 1.3.26

package/dist/components/theme/AppLoadingFallback.js

@@ -1,6 +1,42 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";const o=({message:t="Loading..."})=>r("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",minHeight:"100vh",gap:"16px",background:"linear-gradient(to bottom, var(--bodybg-primary), var(--bodybg-secondary))",color:"var(--text-color, @text-color--dark)"},children:[e("div",{style:{width:"60px",height:"60px",border:"4px solid rgba(255, 255, 255, 0.3)",borderTop:"4px solid #ffffff",borderRadius:"50%",animation:"spin 1s linear infinite"}}),e("h6",{style:{margin:0,fontSize:"1.25rem",fontWeight:500},children:t}),e("style",{children:`
+import { jsx, jsxs } from "react/jsx-runtime";
+const AppLoadingFallback = ({ message = "Loading..." }) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "center",
+      alignItems: "center",
+      minHeight: "100vh",
+      gap: "16px",
+      background: "linear-gradient(to bottom, var(--bodybg-primary), var(--bodybg-secondary))",
+      color: "var(--text-color, @text-color--dark)"
+    },
+    children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: {
+            width: "60px",
+            height: "60px",
+            border: "4px solid rgba(255, 255, 255, 0.3)",
+            borderTop: "4px solid #ffffff",
+            borderRadius: "50%",
+            animation: "spin 1s linear infinite"
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx("h6", { style: { margin: 0, fontSize: "1.25rem", fontWeight: 500 }, children: message }),
+      /* @__PURE__ */ jsx("style", { children: `
       @keyframes spin {
         0% { transform: rotate(0deg); }
         100% { transform: rotate(360deg); }
       }
-    `})]});var n=o;export{n as default};
+    ` })
+    ]
+  }
+);
+var AppLoadingFallback_default = AppLoadingFallback;
+export {
+  AppLoadingFallback_default as default
+};

package/dist/components/theme/ErrorBoundary.js

@@ -1 +1,52 @@
-import{jsx as o,jsxs as n}from"react/jsx-runtime";import t from"react";class a extends t.Component{constructor(r){super(r),this.state={hasError:!1}}static getDerivedStateFromError(r){return{hasError:!0,error:r}}componentDidCatch(r,e){console.error("Error:",r,e)}render(){return this.state.hasError?n("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh",backgroundColor:"#121212",color:"#ffffff",flexDirection:"column",gap:"20px"},children:[o("h2",{children:"Error"}),o("p",{children:this.state.error?.message}),o("button",{onClick:()=>window.location.reload(),style:{padding:"10px 20px",backgroundColor:"#007bff",color:"white",border:"none",borderRadius:"4px",cursor:"pointer"},children:"Reload Page"})]}):this.props.children}}var i=a;export{i as default};
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+class ErrorBoundary extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.error("Error:", error, errorInfo);
+  }
+  render() {
+    var _a;
+    if (this.state.hasError) {
+      return /* @__PURE__ */ jsxs("div", { style: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        height: "100vh",
+        backgroundColor: "#121212",
+        color: "#ffffff",
+        flexDirection: "column",
+        gap: "20px"
+      }, children: [
+        /* @__PURE__ */ jsx("h2", { children: "Error" }),
+        /* @__PURE__ */ jsx("p", { children: (_a = this.state.error) == null ? void 0 : _a.message }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => window.location.reload(),
+            style: {
+              padding: "10px 20px",
+              backgroundColor: "#007bff",
+              color: "white",
+              border: "none",
+              borderRadius: "4px",
+              cursor: "pointer"
+            },
+            children: "Reload Page"
+          }
+        )
+      ] });
+    }
+    return this.props.children;
+  }
+}
+var ErrorBoundary_default = ErrorBoundary;
+export {
+  ErrorBoundary_default as default
+};

package/dist/components/theme/InitialLoader.js

@@ -1 +1,13 @@
-import{jsx as t}from"react/jsx-runtime";const o=()=>t("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh",background:"linear-gradient(to bottom, var(--bodybg-primary), var(--bodybg-secondary))",color:"var(--text-color, @text-color--dark)"},children:t("div",{children:"Loading..."})});var a=o;export{a as default};
+import { jsx } from "react/jsx-runtime";
+const InitialLoader = () => /* @__PURE__ */ jsx("div", { style: {
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  height: "100vh",
+  background: "linear-gradient(to bottom, var(--bodybg-primary), var(--bodybg-secondary))",
+  color: "var(--text-color, @text-color--dark)"
+}, children: /* @__PURE__ */ jsx("div", { children: "Loading..." }) });
+var InitialLoader_default = InitialLoader;
+export {
+  InitialLoader_default as default
+};

package/dist/components/theme/NotFound.js

@@ -1 +1,136 @@
-import{jsx as o,jsxs as i}from"react/jsx-runtime";import*as a from"react";import{Button as w}from"@mui/material";import B from"@mui/icons-material/ErrorOutline";import{useNavigate as N}from"react-router";function x(){window.history.go(-1)}const y=({staticContext:r,history:d,location:t,match:e,...n})=>n,S=r=>{const{title:d,time:t=!1,redirect:e=null,disableCountdown:n=!1,disableGoBack:l=!1,customMessage:m,customButtonText:f,...p}=r,[g,h]=a.useState(t||0),c=N();a.useEffect(()=>{if(!n&&typeof t=="number"&&t>0){const v=setInterval(()=>{h(u=>{if(u<=1){const b=window.location.pathname;return c(`${e||"/"}?redirect=${encodeURIComponent(b)}`),0}return u-1})},1e3);return()=>clearInterval(v)}},[t,c,e,n]),a.useEffect(()=>{});const C=!n&&t&&t>0,s=l?null:{text:f||"Aceptar",action:x};return o("div",{className:"dash-app-module not-found",...y(p),children:i("div",{className:"dash-app-notfound",children:[o("div",{className:"dash-app-notfound-img",children:o(B,{sx:{fontSize:300}})}),i("div",{className:"dash-app-notfound-content",children:[o("h1",{children:"Oops!"}),o("span",{children:m||"No encontramos este enlace."}),C&&i("p",{style:{fontSize:"0.9em",color:"#666"},children:["Ser\xE1s redirigido en ",g," segundos..."]}),s&&o(w,{color:"primary",onClick:s.action,children:s.text})]})]})})};var I=S;export{I 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));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "@mui/material";
+import ErrorOutline from "@mui/icons-material/ErrorOutline";
+import { useNavigate } from "react-router";
+function goBack() {
+  window.history.go(-1);
+}
+const sanitizeRestProps = (_a) => {
+  var _b = _a, {
+    staticContext,
+    history,
+    location,
+    match
+  } = _b, rest = __objRest(_b, [
+    "staticContext",
+    "history",
+    "location",
+    "match"
+  ]);
+  return rest;
+};
+const NotFound = (props) => {
+  const _a = props, {
+    title,
+    time = false,
+    redirect = null,
+    disableCountdown = false,
+    disableGoBack: disableGoBack = false,
+    customMessage: customMessage,
+    customButtonText: customButtonText
+  } = _a, rest = __objRest(_a, [
+    "title",
+    "time",
+    "redirect",
+    "disableCountdown",
+    // 🆕 Default to false (countdown enabled)
+    "disableGoBack",
+    // 🆕 Default to false (go back enabled)
+    "customMessage",
+    // 🆕 Optional custom message
+    "customButtonText"
+  ]);
+  const [countdown, setCountdown] = React.useState(time || 0);
+  const navigate = useNavigate();
+  React.useEffect(() => {
+    if (!disableCountdown && typeof time === "number" && time > 0) {
+      const timer = setInterval(() => {
+        setCountdown((prev) => {
+          if (prev <= 1) {
+            const currentPath = window.location.pathname;
+            navigate(`${redirect || "/"}?redirect=${encodeURIComponent(currentPath)}`);
+            return 0;
+          }
+          return prev - 1;
+        });
+      }, 1e3);
+      return () => clearInterval(timer);
+    }
+  }, [time, navigate, redirect, disableCountdown]);
+  React.useEffect(() => {
+  });
+  const shouldShowCountdown = !disableCountdown && time && time > 0;
+  const getButtonConfig = () => {
+    if (disableGoBack) {
+      return null;
+    }
+    return {
+      text: customButtonText || "Aceptar",
+      action: goBack
+    };
+  };
+  const buttonConfig = getButtonConfig();
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      className: "dash-app-module not-found"
+    }, sanitizeRestProps(rest)), {
+      children: /* @__PURE__ */ jsxs("div", { className: "dash-app-notfound", children: [
+        /* @__PURE__ */ jsx("div", { className: "dash-app-notfound-img", children: /* @__PURE__ */ jsx(ErrorOutline, { sx: { fontSize: 300 } }) }),
+        /* @__PURE__ */ jsxs("div", { className: "dash-app-notfound-content", children: [
+          /* @__PURE__ */ jsx("h1", { children: "Oops!" }),
+          /* @__PURE__ */ jsx("span", { children: customMessage || "No encontramos este enlace." }),
+          shouldShowCountdown && /* @__PURE__ */ jsxs("p", { style: { fontSize: "0.9em", color: "#666" }, children: [
+            "Ser\xE1s redirigido en ",
+            countdown,
+            " segundos..."
+          ] }),
+          buttonConfig && /* @__PURE__ */ jsx(
+            Button,
+            {
+              color: "primary",
+              onClick: buttonConfig.action,
+              children: buttonConfig.text
+            }
+          )
+        ] })
+      ] })
+    })
+  );
+};
+var NotFound_default = NotFound;
+export {
+  NotFound_default as default
+};

package/dist/components/theme/NotResults.js

@@ -1 +1,38 @@
-import{jsx as t,jsxs as i}from"react/jsx-runtime";import*as o from"react";import{Card as c,CardContent as p,Typography as a}from"@mui/material";import f from"@mui/icons-material/Info";const s=o.memo(d=>{const{title:r,description:n,children:l}=d,e=o.useMemo(()=>({card:{p:0},cardContent:{display:"flex",flexDirection:"column",alignItems:"left",gap:2},header:{display:"flex",alignItems:"center",gap:2},icon:{fontSize:32}}),[]);return o.useEffect(()=>{console.log("Reloaded")},[]),t(c,{sx:e.card,children:i(p,{sx:e.cardContent,children:[i("div",{style:e.header,children:[t(f,{sx:e.icon}),r&&t(a,{variant:"h5",children:r})]}),n&&t(a,{variant:"body1",color:"text.secondary",children:n}),l]})})});s.displayName="NoResults";var g=s;export{g as default};
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Card, CardContent, Typography } from "@mui/material";
+import InfoIcon from "@mui/icons-material/Info";
+const NoResults = React.memo((props) => {
+  const { title, description, children } = props;
+  const styles = React.useMemo(() => ({
+    card: { p: 0 },
+    cardContent: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "left",
+      gap: 2
+    },
+    header: {
+      display: "flex",
+      alignItems: "center",
+      gap: 2
+    },
+    icon: { fontSize: 32 }
+  }), []);
+  React.useEffect(() => {
+    console.log("Reloaded");
+  }, []);
+  return /* @__PURE__ */ jsx(Card, { sx: styles.card, children: /* @__PURE__ */ jsxs(CardContent, { sx: styles.cardContent, children: [
+    /* @__PURE__ */ jsxs("div", { style: styles.header, children: [
+      /* @__PURE__ */ jsx(InfoIcon, { sx: styles.icon }),
+      title && /* @__PURE__ */ jsx(Typography, { variant: "h5", children: title })
+    ] }),
+    description && /* @__PURE__ */ jsx(Typography, { variant: "body1", color: "text.secondary", children: description }),
+    children
+  ] }) });
+});
+NoResults.displayName = "NoResults";
+var NotResults_default = NoResults;
+export {
+  NotResults_default as default
+};

package/dist/hooks/useDraggable.js

@@ -1 +1,6 @@
-import{useDraggable as g}from"@dashadmin/dash-utils";export{g as useDraggable};
+import {
+  useDraggable
+} from "dash-utils";
+export {
+  useDraggable
+};

package/dist/hooks/useNotifications.js

@@ -1 +1,8 @@
-import{useNotifications as o}from"@dashadmin/dash-utils";import{useNotifications as s}from"@dashadmin/dash-utils";export{s as default,o as useNotifications};
+import {
+  useNotifications
+} from "dash-utils";
+import { useNotifications as useNotifications2 } from "dash-utils";
+export {
+  useNotifications2 as default,
+  useNotifications
+};

package/dist/hooks/useQuickSearch.js

@@ -1 +1,26 @@
-import{useQuickSearch as u}from"@dashadmin/dash-utils";import{useQuickSearch as a}from"@dashadmin/dash-utils";export{a as default,u as useQuickSearch};
+import React, { useState } from "react";
+const useQuickSearch = () => {
+  const quickSearchUseState = useState(null);
+  const sendQuickSearchEvent = (quickSearchString) => {
+    window.dispatchEvent(
+      new MessageEvent("quickSearch", { data: { value: quickSearchString } })
+    );
+  };
+  const eventHook = (e) => {
+    quickSearchUseState[1](e.data.value);
+  };
+  React.useEffect(() => {
+    window.addEventListener("quickSearch", eventHook);
+    return () => {
+      window.removeEventListener("quickSearch", eventHook);
+    };
+  }, []);
+  return {
+    quickSearchUseState,
+    sendQuickSearchEvent
+  };
+};
+var useQuickSearch_default = useQuickSearch;
+export {
+  useQuickSearch_default as default
+};