@dashadmin/dash-admin 1.3.25 → 1.3.26

package/dist/components/misc/MuiSimpleJsonTable.js

@@ -1 +1,178 @@
-import{jsx as t,jsxs as b}from"react/jsx-runtime";import{Paper as x,Table as u,TableBody as A,TableCell as p,TableContainer as S,TableHead as J,TableRow as l,List as k,ListItem as E,ListItemText as M,Box as D,Chip as H,Accordion as L,AccordionSummary as B,AccordionDetails as N,Typography as X}from"@mui/material";import $ from"@mui/icons-material/ExpandMore";import{isComponent as F}from"@dashadmin/dash-auto-admin";import C,{useEffect as P,useState as U}from"react";function w(e){return e&&typeof e=="object"&&e.$typeof===Symbol.for("react.element")}function I(e){return typeof e=="string"||typeof e=="number"||typeof e=="boolean"||e instanceof C.Component||e instanceof C.Fragment||Array.isArray(e)&&e.every(o=>I(o))}function K(e){return Array.isArray(e)&&(e.every(o=>I(o))||e.every(o=>w(o)))}function Z(e){return Array.isArray(e)&&e.every(o=>typeof o=="string")}function z(e){return e==null||typeof e!="object"||Array.isArray(e)||w(e)?!1:e.constructor===Object||e.constructor===void 0}const j=({tableData:e,vertical:o,ignore:s,include:y,dict:c,showKey:m,maxDepth:d=3,currentDepth:g=0})=>{s||(s=[]),y||(y=[]),c||(c={});const[i,T]=U([]);P(()=>{if(e){let r=Object.keys(e);y.length&&(r=r.filter(n=>y.includes(n))),s.length&&(r=r.filter(n=>!s.includes(n))),T(r)}else T([])},[e]);const f=(r,n)=>{try{if(r==null)return"n/a";if(z(r)&&g<d){const a=Object.keys(r);if(a.length>0)return b(L,{sx:{width:"100%",boxShadow:1,margin:0},children:[t(B,{expandIcon:t($,{}),sx:{backgroundColor:"rgba(0, 0, 0, 0.03)",minHeight:40,"&.Mui-expanded":{minHeight:40}},children:t(X,{variant:"body2",sx:{fontWeight:500},children:n?`${n} (${a.length} properties)`:`Object (${a.length} properties)`})}),t(N,{sx:{padding:1},children:t(j,{tableData:r,vertical:o,ignore:s,include:y,dict:c,showKey:m,maxDepth:d,currentDepth:g+1})})]})}return Array.isArray(r)?t(H,{label:t(D,{sx:{maxHeight:200,overflow:"auto",width:"100%"},children:t(k,{dense:!0,sx:{py:0},children:r.map((a,R)=>t(E,{sx:{py:.5,px:1},children:t(M,{primary:String(a),sx:{margin:0,"& .MuiListItemText-primary":{fontSize:"0.875rem",lineHeight:1.2}}})},R))})}),sx:{height:"auto","& .MuiChip-label":{display:"block",whiteSpace:"normal"}}}):typeof r!="object"?c.hasOwnProperty(r)?c[r]:String(r):F(r)||K(r)?r:typeof r=="object"?JSON.stringify(r):r}catch{return"n/a"}},O=()=>i&&i.map((r,n)=>t(p,{children:f(r)},n)),h=()=>o?i&&i.map((r,n)=>b(l,{children:[m&&t(p,{children:f(r)}),t(p,{children:f(e[r],r)})]},n)):t(l,{children:i&&i.map((r,n)=>t(p,{children:f(e[r],r)},n))});return o?t(S,{component:x,children:t(u,{children:t(A,{children:h()})})}):t(S,{component:x,children:b(u,{children:[t(J,{children:t(l,{children:O()})}),t(A,{children:h()})]})})};var _=j;export{_ as default};
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Paper,
+  Table,
+  TableBody,
+  TableCell,
+  TableContainer,
+  TableHead,
+  TableRow,
+  List,
+  ListItem,
+  ListItemText,
+  Box,
+  Chip,
+  Accordion,
+  AccordionSummary,
+  AccordionDetails,
+  Typography
+} from "@mui/material";
+import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
+import { isComponent } from "dash-auto-admin";
+import React, { useEffect, useState } from "react";
+function isJSXElement(value) {
+  return value && typeof value === "object" && value.$typeof === /* @__PURE__ */ Symbol.for("react.element");
+}
+function isReactNode(value) {
+  return typeof value === "string" || typeof value === "number" || typeof value === "boolean" || value instanceof React.Component || value instanceof React.Fragment || Array.isArray(value) && value.every((item) => isReactNode(item));
+}
+function isReactNodeArrayOrJSXElementArray(value) {
+  return Array.isArray(value) && (value.every((item) => isReactNode(item)) || value.every((item) => isJSXElement(item)));
+}
+function isArrayOfStrings(value) {
+  return Array.isArray(value) && value.every((item) => typeof item === "string");
+}
+function isPlainObject(value) {
+  if (value === null || value === void 0) {
+    return false;
+  }
+  if (typeof value !== "object") {
+    return false;
+  }
+  if (Array.isArray(value)) {
+    return false;
+  }
+  if (isJSXElement(value)) {
+    return false;
+  }
+  return value.constructor === Object || value.constructor === void 0;
+}
+const MUISimpleJsonTable = ({
+  tableData,
+  vertical,
+  ignore,
+  include,
+  dict,
+  showKey,
+  maxDepth = 3,
+  currentDepth = 0
+}) => {
+  if (!ignore) ignore = [];
+  if (!include) include = [];
+  if (!dict) dict = {};
+  const [column, setColumn] = useState([]);
+  useEffect(() => {
+    if (tableData) {
+      let cols = Object.keys(tableData);
+      if (include.length) cols = cols.filter((key) => include.includes(key));
+      if (ignore.length) cols = cols.filter((key) => !ignore.includes(key));
+      setColumn(cols);
+    } else {
+      setColumn([]);
+    }
+  }, [tableData]);
+  const parseValue = (value, key) => {
+    try {
+      if (value === void 0 || value === null) {
+        return "n/a";
+      }
+      if (isPlainObject(value) && currentDepth < maxDepth) {
+        const objectKeys = Object.keys(value);
+        if (objectKeys.length > 0) {
+          return /* @__PURE__ */ jsxs(Accordion, { sx: { width: "100%", boxShadow: 1, margin: 0 }, children: [
+            /* @__PURE__ */ jsx(
+              AccordionSummary,
+              {
+                expandIcon: /* @__PURE__ */ jsx(ExpandMoreIcon, {}),
+                sx: {
+                  backgroundColor: "rgba(0, 0, 0, 0.03)",
+                  minHeight: 40,
+                  "&.Mui-expanded": {
+                    minHeight: 40
+                  }
+                },
+                children: /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { fontWeight: 500 }, children: key ? `${key} (${objectKeys.length} properties)` : `Object (${objectKeys.length} properties)` })
+              }
+            ),
+            /* @__PURE__ */ jsx(AccordionDetails, { sx: { padding: 1 }, children: /* @__PURE__ */ jsx(
+              MUISimpleJsonTable,
+              {
+                tableData: value,
+                vertical,
+                ignore,
+                include,
+                dict,
+                showKey,
+                maxDepth,
+                currentDepth: currentDepth + 1
+              }
+            ) })
+          ] });
+        }
+      }
+      if (Array.isArray(value)) {
+        return /* @__PURE__ */ jsx(
+          Chip,
+          {
+            label: /* @__PURE__ */ jsx(Box, { sx: { maxHeight: 200, overflow: "auto", width: "100%" }, children: /* @__PURE__ */ jsx(List, { dense: true, sx: { py: 0 }, children: value.map((item, index) => /* @__PURE__ */ jsx(ListItem, { sx: { py: 0.5, px: 1 }, children: /* @__PURE__ */ jsx(
+              ListItemText,
+              {
+                primary: String(item),
+                sx: {
+                  margin: 0,
+                  "& .MuiListItemText-primary": {
+                    fontSize: "0.875rem",
+                    lineHeight: 1.2
+                  }
+                }
+              }
+            ) }, index)) }) }),
+            sx: {
+              height: "auto",
+              "& .MuiChip-label": {
+                display: "block",
+                whiteSpace: "normal"
+              }
+            }
+          }
+        );
+      }
+      if (typeof value !== "object") {
+        if (dict.hasOwnProperty(value)) {
+          return dict[value];
+        }
+        return String(value);
+      }
+      if (isComponent(value) || isReactNodeArrayOrJSXElementArray(value)) {
+        return value;
+      }
+      if (typeof value === "object") {
+        return JSON.stringify(value);
+      }
+      return value;
+    } catch (error) {
+      return "n/a";
+    }
+  };
+  const ThData = () => {
+    return column && column.map((data, key) => /* @__PURE__ */ jsx(TableCell, { children: parseValue(data) }, key));
+  };
+  const tdData = () => {
+    return vertical ? column && column.map((v, key) => {
+      return /* @__PURE__ */ jsxs(TableRow, { children: [
+        showKey && /* @__PURE__ */ jsx(TableCell, { children: parseValue(v) }),
+        /* @__PURE__ */ jsx(TableCell, { children: parseValue(tableData[v], v) })
+      ] }, key);
+    }) : /* @__PURE__ */ jsx(TableRow, { children: column && column.map((v, key) => {
+      return /* @__PURE__ */ jsx(TableCell, { children: parseValue(tableData[v], v) }, key);
+    }) });
+  };
+  return vertical ? /* @__PURE__ */ jsx(TableContainer, { component: Paper, children: /* @__PURE__ */ jsx(Table, { children: /* @__PURE__ */ jsx(TableBody, { children: tdData() }) }) }) : /* @__PURE__ */ jsx(TableContainer, { component: Paper, children: /* @__PURE__ */ jsxs(Table, { children: [
+    /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(TableRow, { children: ThData() }) }),
+    /* @__PURE__ */ jsx(TableBody, { children: tdData() })
+  ] }) });
+};
+var MuiSimpleJsonTable_default = MUISimpleJsonTable;
+export {
+  MuiSimpleJsonTable_default as default
+};

package/dist/components/misc/MultiLevelTable.js

@@ -1 +1,124 @@
-import{jsx as r,jsxs as d}from"react/jsx-runtime";import{useEffect as h,useRef as g,useState as y}from"react";const f=a=>[...a.children.map(e=>e.display),...a.array?f(a.array):[]],x=(a,e,n)=>{a[0]=[...e.children.map(l=>({text:n[l.field],span:a.length})),...a[0]]},k=(a,e,n)=>({indices:l})=>{const[t,s]=y(!1),o=g(null);h(()=>{const c=p=>{o.current&&(o.current.contains(p.target)||s(!1))};return document.addEventListener("click",c),()=>{document.removeEventListener("click",c)}},[o]);const i=c=>()=>{c.callback(a(l)),s(!1)};return d("span",{ref:o,children:[d("span",{onClick:c=>s(!t),className:"flex flex-row items-center justify-center cursor-pointer",children:[n,t?r("span",{children:"\u2191"}):r("span",{children:"\u2193"})]}),t&&r("div",{className:"flex flex-col absolute right-0 bg-white rounded-md shadow-md gap-2 p-2 whitespace-nowrap border border-gray-300",children:e&&e.map(c=>r("span",{onClick:i(c),className:"flex flex-row items-center cursor-pointer text-md hover:bg-gray-300 p-2 rounded-md",children:c.name},c.name))})]})},v=(a,e,n)=>{const l=k(a,e,n);return(t,s,o)=>[...t.children.map(i=>({text:s[i.field],span:1})),...e.length?[{text:r(l,{indices:o}),span:1}]:[]]},w=a=>{const e=(n,l,t)=>l&&!n.array?l.map((s,o)=>a(n,s,[...t,o])):l?l.flatMap((s,o)=>{const i=e(n.array,s[n.array.name],[...t,o]);return i&&x(i,n,s),i}):null;return e},C=(a,e,n)=>{const l={};return a.forEach(t=>{l[e.name]=n[t],e=e.array,n=e&&n[t][e.name]}),l},L=(a,e)=>n=>C(n,a,e),u=({classNames:a,fields:e})=>r("thead",{className:a?.head,children:r("tr",{children:e.map(n=>r("th",{className:a?.headCell+" p-2 py-3",children:n},n))})}),T=({classNames:a,rows:e})=>r("tbody",{className:a?.tableBody,children:e&&e.map((n,l)=>r("tr",{className:a?.tableRow,children:n&&n.map((t,s)=>r("td",{rowSpan:t.span,children:t.text},s))},l))}),M=({data:a,structure:e,actions:n,actionLabel:l,className:t})=>{const s=n||[],o=l||"Action",i=L(e,a),c=v(i,s,o),m=w(c)(e,a,[]),b=[...f(e),...s.length?[o]:[]];return m&&d("table",{className:t?.table,children:[r(u,{fields:b,classNames:t}),r(T,{rows:m,classNames:t})]})};var E=M;export{E as default};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+const getFields = (structure) => [
+  ...structure.children.map((child) => child.display),
+  ...structure.array ? getFields(structure.array) : []
+];
+const addSelfToFirstChild = (childRows, structure, row) => {
+  childRows[0] = [
+    ...structure.children.map((child) => ({
+      text: row[child.field],
+      span: childRows.length
+    })),
+    ...childRows[0]
+  ];
+};
+const dropdown = (getChain2, actions, actionLabel) => ({ indices }) => {
+  const [show, setShow] = useState(false);
+  const ref = useRef(null);
+  useEffect(() => {
+    const listener = (event) => {
+      if (!ref.current) return;
+      if (ref.current.contains(event.target)) return;
+      setShow(false);
+    };
+    document.addEventListener("click", listener);
+    return () => {
+      document.removeEventListener("click", listener);
+    };
+  }, [ref]);
+  const getClickHandler = (action) => () => {
+    action.callback(getChain2(indices));
+    setShow(false);
+  };
+  return /* @__PURE__ */ jsxs("span", { ref, children: [
+    /* @__PURE__ */ jsxs(
+      "span",
+      {
+        onClick: (_) => setShow(!show),
+        className: "flex flex-row items-center justify-center cursor-pointer",
+        children: [
+          actionLabel,
+          show ? /* @__PURE__ */ jsx("span", { children: "\u2191" }) : /* @__PURE__ */ jsx("span", { children: "\u2193" })
+        ]
+      }
+    ),
+    show && /* @__PURE__ */ jsx("div", { className: "flex flex-col absolute right-0 bg-white rounded-md shadow-md gap-2 p-2 whitespace-nowrap border border-gray-300", children: actions && actions.map((action) => /* @__PURE__ */ jsx(
+      "span",
+      {
+        onClick: getClickHandler(action),
+        className: "flex flex-row items-center cursor-pointer text-md hover:bg-gray-300 p-2 rounded-md",
+        children: action.name
+      },
+      action.name
+    )) })
+  ] });
+};
+const createGetColumns = (getChain2, actions, actionLabel) => {
+  const Dropdown = dropdown(getChain2, actions, actionLabel);
+  return (structure, data, indices) => [
+    ...structure.children.map((child) => ({
+      text: data[child.field],
+      span: 1
+    })),
+    ...actions.length ? [
+      {
+        text: /* @__PURE__ */ jsx(Dropdown, { indices }),
+        span: 1
+      }
+    ] : []
+  ];
+};
+const createGetRows = (getColumns) => {
+  const getRows = (structure, rows, memoizedIndices) => rows && !structure.array ? rows.map(
+    (row, i) => getColumns(structure, row, [...memoizedIndices, i])
+  ) : rows ? rows.flatMap((row, i) => {
+    const childRows = getRows(
+      structure.array,
+      row[structure.array.name],
+      [...memoizedIndices, i]
+      // Use a linked list of a wrapper to optimise this
+    );
+    childRows && addSelfToFirstChild(childRows, structure, row);
+    return childRows;
+  }) : null;
+  return getRows;
+};
+const getChain = (indices, structure, data) => {
+  const chain = {};
+  indices.forEach((i) => {
+    chain[structure.name] = data[i];
+    structure = structure.array;
+    data = structure && data[i][structure.name];
+  });
+  return chain;
+};
+const createGetChain = (structure, data) => (indices) => getChain(indices, structure, data);
+const TableHeader = ({ classNames, fields }) => /* @__PURE__ */ jsx("thead", { className: classNames == null ? void 0 : classNames.head, children: /* @__PURE__ */ jsx("tr", { children: fields.map((name) => /* @__PURE__ */ jsx("th", { className: (classNames == null ? void 0 : classNames.headCell) + " p-2 py-3", children: name }, name)) }) });
+const TableBody = ({ classNames, rows }) => /* @__PURE__ */ jsx("tbody", { className: classNames == null ? void 0 : classNames.tableBody, children: rows && rows.map((row, i) => /* @__PURE__ */ jsx("tr", { className: classNames == null ? void 0 : classNames.tableRow, children: row && row.map((col, j) => /* @__PURE__ */ jsx("td", { rowSpan: col.span, children: col.text }, j)) }, i)) });
+const MultiLevelTable = ({
+  data,
+  structure,
+  actions,
+  actionLabel,
+  className
+}) => {
+  const _actions = actions || [];
+  const _actionLabel = actionLabel || "Action";
+  const getChain2 = createGetChain(structure, data);
+  const getColumns = createGetColumns(getChain2, _actions, _actionLabel);
+  const getRows = createGetRows(getColumns);
+  const rows = getRows(structure, data, []);
+  const fields = [
+    ...getFields(structure),
+    ..._actions.length ? [_actionLabel] : []
+  ];
+  return rows && /* @__PURE__ */ jsxs("table", { className: className == null ? void 0 : className.table, children: [
+    /* @__PURE__ */ jsx(TableHeader, { fields, classNames: className }),
+    /* @__PURE__ */ jsx(TableBody, { rows, classNames: className })
+  ] });
+};
+var MultiLevelTable_default = MultiLevelTable;
+export {
+  MultiLevelTable_default as default
+};

package/dist/components/misc/NoResults.js

@@ -1 +1,17 @@
-import{Fragment as d,jsx as t,jsxs as n}from"react/jsx-runtime";import{Card as a,CardContent as p,Typography as i}from"@mui/material";import l from"@mui/icons-material/Info";const g=s=>{const{title:e,description:o,children:r}=s;return t(a,{sx:{p:0},children:n(p,{sx:{display:"flex",flexDirection:"column",alignItems:"left",gap:2},children:[n("div",{style:{display:"flex",alignItems:"center",gap:2},children:[t(l,{sx:{fontSize:32}}),e?t(i,{variant:"h5",children:e}):"No hay registros"]}),o&&t(i,{variant:"body1",color:"text.secondary",children:o}),r||t(d,{})]})})};export{g as NoResults};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Card, CardContent, Typography } from "@mui/material";
+import InfoIcon from "@mui/icons-material/Info";
+const NoResults = (props) => {
+  const { title, description, children } = props;
+  return /* @__PURE__ */ jsx(Card, { sx: { p: 0 }, children: /* @__PURE__ */ jsxs(CardContent, { sx: { display: "flex", flexDirection: "column", alignItems: "left", gap: 2 }, children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 2 }, children: [
+      /* @__PURE__ */ jsx(InfoIcon, { sx: { fontSize: 32 } }),
+      title ? /* @__PURE__ */ jsx(Typography, { variant: "h5", children: title }) : "No hay registros"
+    ] }),
+    description && /* @__PURE__ */ jsx(Typography, { variant: "body1", color: "text.secondary", children: description }),
+    children ? children : /* @__PURE__ */ jsx(Fragment, {})
+  ] }) });
+};
+export {
+  NoResults
+};

package/dist/components/misc/PDFViewer.js

@@ -1 +1,86 @@
-import{Fragment as d,jsx as e,jsxs as g}from"react/jsx-runtime";import{Button as f}from"@mui/material";import{useEffect as b,useState as w}from"react";import{useRecordContext as D}from"react-admin";import{Loading as y}from"react-admin";import{initAxios as C}from"../../hooks/axios";import{saveAs as F}from"file-saver";const h=({method:n,attribute:o})=>{const t=D(),c=C(),[i,m]=w(null),r=t&&t[o.attribute]?t[o.attribute]:null,p="nota-venta-"+t.id+".pdf";b(()=>{t&&t[o.attribute]&&l()},[t]);const l=async()=>{const{data:a}=await c.get(r,{responseType:"blob"}),s=new Blob([a],{type:"application/pdf"}),u=URL.createObjectURL(s);m(u)};return e(d,{children:i?g("div",{children:[e("object",{className:"embed-pdf",data:i,type:"application/pdf",style:{minHeight:800,minWidth:600},children:e("embed",{src:i,type:"application/pdf"})}),e("hr",{}),e(f,{onClick:async()=>{const{data:a}=await c.get(r,{responseType:"blob"}),s=new Blob([a],{type:""});F(s,p)},children:"Descargar"})]}):e(y,{})})},A=({method:n,attribute:o,resourceConfig:t})=>{switch(n){case"edit":case"create":return e(d,{children:"edit"});case"view":return e(h,{attribute:o,method:n,resourceConfig:t})}};var N=A;export{N as default};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@mui/material";
+import { useEffect, useState } from "react";
+import { useRecordContext } from "react-admin";
+import { Loading } from "react-admin";
+import { initAxios } from "../../hooks/axios";
+import { saveAs } from "file-saver";
+const PDFViewerView = ({
+  method,
+  attribute
+}) => {
+  const record = useRecordContext();
+  const axios = initAxios();
+  const [PDFFile, setPDFFile] = useState(null);
+  const filePath = record && record[attribute.attribute] ? record[attribute.attribute] : null;
+  const fileName = "nota-venta-" + record.id + ".pdf";
+  useEffect(() => {
+    record && record[attribute.attribute] && displayDocument();
+  }, [record]);
+  const displayDocument = () => __async(null, null, function* () {
+    const { data } = yield axios.get(filePath, {
+      responseType: "blob"
+    });
+    const file = new Blob([data], {
+      type: "application/pdf"
+    });
+    const fileURL = URL.createObjectURL(file);
+    setPDFFile(fileURL);
+  });
+  const downloadDocument = () => __async(null, null, function* () {
+    const { data } = yield axios.get(filePath, {
+      responseType: "blob"
+    });
+    const file = new Blob([data], {
+      type: ""
+    });
+    saveAs(file, fileName);
+  });
+  return /* @__PURE__ */ jsx(Fragment, { children: PDFFile ? /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      "object",
+      {
+        className: "embed-pdf",
+        data: PDFFile,
+        type: "application/pdf",
+        style: { minHeight: 800, minWidth: 600 },
+        children: /* @__PURE__ */ jsx("embed", { src: PDFFile, type: "application/pdf" })
+      }
+    ),
+    /* @__PURE__ */ jsx("hr", {}),
+    /* @__PURE__ */ jsx(Button, { onClick: downloadDocument, children: "Descargar" })
+  ] }) : /* @__PURE__ */ jsx(Loading, {}) });
+};
+const PDFViewer = ({ method, attribute, resourceConfig }) => {
+  switch (method) {
+    case "edit":
+    case "create":
+      return /* @__PURE__ */ jsx(Fragment, { children: "edit" });
+    case "view":
+      return /* @__PURE__ */ jsx(PDFViewerView, { attribute, method, resourceConfig });
+  }
+};
+var PDFViewer_default = PDFViewer;
+export {
+  PDFViewer_default as default
+};

package/dist/components/navigation/Breadcrumbs.js

@@ -1 +1,178 @@
-import{jsx as t,jsxs as b}from"react/jsx-runtime";import I,{useMemo as S}from"react";import{Box as m,Typography as B}from"@mui/material";import{Link as y}from"react-router-dom";import{useSelector as N}from"react-redux";import v from"@mui/icons-material/NavigateNext";import R from"@mui/icons-material/Home";const A=({item:a,isLast:n})=>{const r=b(m,{component:"span",className:`dash-breadcrumb-item ${n?"dash-breadcrumb-item--active":""}`,sx:{display:"inline-flex",flexDirection:"row",alignItems:"center",gap:"2px",flexShrink:0},children:[a.icon&&t(m,{component:"span",className:"dash-breadcrumb-icon",sx:{display:"inline-flex",alignItems:"center",flexShrink:0,"& svg":{fontSize:"12px"}},children:a.icon}),t(B,{component:"span",className:"dash-breadcrumb-label",sx:{fontSize:"11px",fontWeight:n?500:400,lineHeight:1.2,color:n?"var(--text-header, #ffffff)":"var(--text-header-muted, rgba(255, 255, 255, 0.7))",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"120px"},children:a.label})]});if(n||!a.path)return r;const i=a.path.startsWith("/")?a.path:`/${a.path}`;return t(y,{to:i,className:"dash-breadcrumb-link",style:{textDecoration:"none",display:"inline-flex",alignItems:"center"},children:r})},k=({items:a,separator:n,maxItems:r,className:i="",showHomeIcon:p=!1,homePath:d="/",homeLabel:f="Home",sx:u={}})=>{const x=n??t(v,{sx:{fontSize:"12px",color:"var(--text-header-muted, rgba(255, 255, 255, 0.5))"}}),h=N(e=>e.page),s=a||h.breadcrumbs,l=S(()=>{if(!s||s.length===0)return[];let e=[...s];if(p&&(e=[{label:f,path:d,icon:t(R,{})},...e]),r&&e.length>r){const o=e.slice(0,1),c=e.slice(-(r-2)),g={label:"...",path:void 0};e=[...o,g,...c]}return e},[s,p,f,d,r]);return l.length===0?null:t(m,{component:"nav","aria-label":"breadcrumb",className:`dash-breadcrumbs ${i}`,sx:{display:"flex",flexDirection:"row",alignItems:"center",flexWrap:"nowrap",gap:"2px",padding:0,margin:0,...u},children:l.map((e,o)=>{const c=o===l.length-1;return b(I.Fragment,{children:[t(A,{item:e,isLast:c}),!c&&t(m,{component:"span",className:"dash-breadcrumb-separator",sx:{display:"inline-flex",alignItems:"center",mx:"1px",flexShrink:0},children:x})]},`breadcrumb-${o}-${e.label}`)})})};var M=k;export{k as Breadcrumbs,M as default};
+var __defProp = Object.defineProperty;
+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;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { useMemo } from "react";
+import { Box, Typography } from "@mui/material";
+import { Link } from "react-router-dom";
+import { useSelector } from "react-redux";
+import NavigateNextIcon from "@mui/icons-material/NavigateNext";
+import HomeIcon from "@mui/icons-material/Home";
+const BreadcrumbItem = ({ item, isLast }) => {
+  const content = /* @__PURE__ */ jsxs(
+    Box,
+    {
+      component: "span",
+      className: `dash-breadcrumb-item ${isLast ? "dash-breadcrumb-item--active" : ""}`,
+      sx: {
+        display: "inline-flex",
+        flexDirection: "row",
+        alignItems: "center",
+        gap: "2px",
+        flexShrink: 0
+      },
+      children: [
+        item.icon && /* @__PURE__ */ jsx(
+          Box,
+          {
+            component: "span",
+            className: "dash-breadcrumb-icon",
+            sx: {
+              display: "inline-flex",
+              alignItems: "center",
+              flexShrink: 0,
+              "& svg": {
+                fontSize: "12px"
+              }
+            },
+            children: item.icon
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            component: "span",
+            className: "dash-breadcrumb-label",
+            sx: {
+              fontSize: "11px",
+              fontWeight: isLast ? 500 : 400,
+              lineHeight: 1.2,
+              color: isLast ? "var(--text-header, #ffffff)" : "var(--text-header-muted, rgba(255, 255, 255, 0.7))",
+              whiteSpace: "nowrap",
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              maxWidth: "120px"
+            },
+            children: item.label
+          }
+        )
+      ]
+    }
+  );
+  if (isLast || !item.path) {
+    return content;
+  }
+  const path = !item.path.startsWith("/") ? `/${item.path}` : item.path;
+  return /* @__PURE__ */ jsx(
+    Link,
+    {
+      to: path,
+      className: "dash-breadcrumb-link",
+      style: {
+        textDecoration: "none",
+        display: "inline-flex",
+        alignItems: "center"
+      },
+      children: content
+    }
+  );
+};
+const Breadcrumbs = ({
+  items: propItems,
+  separator,
+  maxItems,
+  className = "",
+  showHomeIcon = false,
+  homePath = "/",
+  homeLabel = "Home",
+  sx = {}
+}) => {
+  const defaultSeparator = /* @__PURE__ */ jsx(NavigateNextIcon, { sx: { fontSize: "12px", color: "var(--text-header-muted, rgba(255, 255, 255, 0.5))" } });
+  const actualSeparator = separator != null ? separator : defaultSeparator;
+  const pageState = useSelector(
+    (state) => state.page
+  );
+  const breadcrumbs = propItems || pageState.breadcrumbs;
+  const displayItems = useMemo(() => {
+    if (!breadcrumbs || breadcrumbs.length === 0) {
+      return [];
+    }
+    let items = [...breadcrumbs];
+    if (showHomeIcon) {
+      const homeItem = {
+        label: homeLabel,
+        path: homePath,
+        icon: /* @__PURE__ */ jsx(HomeIcon, {})
+      };
+      items = [homeItem, ...items];
+    }
+    if (maxItems && items.length > maxItems) {
+      const start = items.slice(0, 1);
+      const end = items.slice(-(maxItems - 2));
+      const ellipsis = {
+        label: "...",
+        path: void 0
+      };
+      items = [...start, ellipsis, ...end];
+    }
+    return items;
+  }, [breadcrumbs, showHomeIcon, homeLabel, homePath, maxItems]);
+  if (displayItems.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      component: "nav",
+      "aria-label": "breadcrumb",
+      className: `dash-breadcrumbs ${className}`,
+      sx: __spreadValues({
+        display: "flex",
+        flexDirection: "row",
+        alignItems: "center",
+        flexWrap: "nowrap",
+        gap: "2px",
+        padding: 0,
+        margin: 0
+      }, sx),
+      children: displayItems.map((item, index) => {
+        const isLast = index === displayItems.length - 1;
+        return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+          /* @__PURE__ */ jsx(BreadcrumbItem, { item, isLast }),
+          !isLast && /* @__PURE__ */ jsx(
+            Box,
+            {
+              component: "span",
+              className: "dash-breadcrumb-separator",
+              sx: {
+                display: "inline-flex",
+                alignItems: "center",
+                mx: "1px",
+                flexShrink: 0
+              },
+              children: actualSeparator
+            }
+          )
+        ] }, `breadcrumb-${index}-${item.label}`);
+      })
+    }
+  );
+};
+var Breadcrumbs_default = Breadcrumbs;
+export {
+  Breadcrumbs,
+  Breadcrumbs_default as default
+};