@dashadmin/dash-admin 1.3.24 → 1.3.26

package/dist/components/permission/PermissionsSelectorList.js

@@ -1 +1,400 @@
-import{Fragment as we,jsx as n,jsxs as l}from"react/jsx-runtime";import{useEffect as M,useState as C,useCallback as w,useMemo as x,useRef as ne,memo as oe}from"react";import{useEditContext as se}from"react-admin";import{useController as L,useFormContext as ae}from"react-hook-form";import{Box as b,Chip as N,CircularProgress as z,Button as P,Typography as E,Checkbox as re,Paper as G,Table as le,TableBody as ie,TableCell as u,TableContainer as ce,TableHead as me,TableRow as _,TablePagination as ue,Divider as de,TextField as pe,Select as he,MenuItem as j,FormControl as ge,InputLabel as fe}from"@mui/material";import{SelectAll as H,DeselectOutlined as O}from"@mui/icons-material";import{useSystemRequestsCache as Ce}from"../../contexts/SystemRequestsCache";const be=oe(({permission:a,onToggle:c})=>l(_,{hover:!0,children:[n(u,{padding:"checkbox",children:n(re,{checked:a.checked||!1,onChange:()=>c(a.route_name),sx:{cursor:"pointer"}})}),n(u,{children:n(N,{label:a.group,size:"small",variant:"outlined"})}),n(u,{children:a.name}),n(u,{children:n(E,{variant:"body2",sx:{fontFamily:"monospace",fontSize:"0.85rem"},children:a.route_name})})]}),(a,c)=>a.permission.checked===c.permission.checked&&a.permission.route_name===c.permission.route_name),W=({method:a,attribute:c,resourceConfig:B,record:d=null})=>{const xe=ae(),q=L({name:"permission_objects"}),$=L({name:"permissions"}),[m,p]=C(new Map),[i,J]=C([]),[T,K]=C(""),[I,Q]=C(""),[A,v]=C(0),[y,U]=C(25),S=ne(null),{formats:h,loading:k}=Ce();M(()=>{if(!k&&h&&d){const e=Array.isArray(h.data)?h.data:Array.isArray(h)?h:[];if(e.length>0){const t=d.permission_objects||[],o=new Set(t.map(r=>r.route_name)),s=new Map;e.forEach(r=>{s.set(r.route_name,{...r,id:r.route_name,checked:o.has(r.route_name)})}),p(s)}}},[h,d,k]);const g=x(()=>Array.from(m.values()),[m]);M(()=>{let e=g;if(T){const t=T.toLowerCase();e=e.filter(o=>o.name.toLowerCase().includes(t)||o.route_name.toLowerCase().includes(t)||o.group.toLowerCase().includes(t))}I&&(e=e.filter(t=>t.group===I)),J(e),v(0)},[g,T,I]),M(()=>(S.current&&clearTimeout(S.current),S.current=setTimeout(()=>{if(g.length===0)return;const e=g.filter(t=>t.checked);q.field.onChange(e),$.field.onChange(e.map(t=>t.route_name))},300),()=>{S.current&&clearTimeout(S.current)}),[g]);const V=w(e=>{p(t=>{const o=new Map(t),s=o.get(e);return s&&o.set(e,{...s,checked:!s.checked}),o})},[]),X=w(()=>{p(e=>{const t=new Map(e);return t.forEach((o,s)=>{t.set(s,{...o,checked:!0})}),t})},[]),Y=w(()=>{p(e=>{const t=new Map(e);return t.forEach((o,s)=>{t.set(s,{...o,checked:!1})}),t})},[]),Z=w(()=>{const e=new Set(i.map(t=>t.route_name));p(t=>{const o=new Map(t);return o.forEach((s,r)=>{e.has(r)&&o.set(r,{...s,checked:!0})}),o})},[i]),ee=w(()=>{const e=new Set(i.map(t=>t.route_name));p(t=>{const o=new Map(t);return o.forEach((s,r)=>{e.has(r)&&o.set(r,{...s,checked:!1})}),o})},[i]),R=x(()=>{const e=new Set;return m.forEach(t=>e.add(t.group)),Array.from(e).sort()},[m]),f=x(()=>{let e=0;m.forEach(o=>{o.checked&&e++});const t=m.size;return{total:t,selected:e,isAllSelected:e===t&&t>0,isNoneSelected:e===0}},[m]),F=x(()=>{const e=new Set(i.map(s=>s.route_name));let t=0;m.forEach((s,r)=>{e.has(r)&&s.checked&&t++});const o=i.length;return{total:o,selected:t,isAllSelected:t===o&&o>0,isNoneSelected:t===0}},[i,m]),te=T!==""||I!=="",D=x(()=>{const e=A*y,t=e+y;return i.slice(e,t)},[i,A,y]);return k||!d||!g.length?n(b,{sx:{display:"flex",justifyContent:"center",p:4},children:n(z,{})}):l(b,{sx:{p:2},children:[l(G,{elevation:1,sx:{mb:3,p:2},children:[l(b,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:2},children:[l(b,{sx:{display:"flex",alignItems:"center",gap:2},children:[n(E,{variant:"h6",sx:{fontWeight:600},children:"Permissions Selection"}),n(N,{label:`${f.selected} / ${f.total} selected`,color:f.isAllSelected?"success":f.selected>0?"warning":"default",variant:"outlined"})]}),l(b,{sx:{display:"flex",gap:1,alignItems:"center"},children:[te&&l(we,{children:[l(P,{variant:"contained",startIcon:n(H,{}),onClick:Z,disabled:F.isAllSelected,size:"small",color:"primary",children:["Select Filtered (",F.total,")"]}),n(P,{variant:"contained",startIcon:n(O,{}),onClick:ee,disabled:F.isNoneSelected,size:"small",color:"secondary",children:"Deselect Filtered"}),n(de,{orientation:"vertical",flexItem:!0,sx:{mx:1}})]}),n(P,{variant:"outlined",startIcon:n(H,{}),onClick:X,disabled:f.isAllSelected,size:"small",children:"Select All"}),n(P,{variant:"outlined",startIcon:n(O,{}),onClick:Y,disabled:f.isNoneSelected,size:"small",children:"Deselect All"})]})]}),l(b,{sx:{display:"flex",gap:2},children:[n(pe,{placeholder:"Search permissions",value:T,onChange:e=>K(e.target.value),size:"small",sx:{minWidth:200}}),R&&R.length>0&&l(ge,{size:"small",sx:{minWidth:150},children:[n(fe,{children:"Group"}),l(he,{value:I,onChange:e=>Q(e.target.value),label:"Group",children:[n(j,{value:"",children:n("em",{children:"All Groups"})}),R.map(e=>n(j,{value:e,children:e},e))]})]})]})]}),l(ce,{component:G,children:[l(le,{size:"small",children:[n(me,{children:l(_,{children:[n(u,{padding:"checkbox",children:"Enabled"}),n(u,{children:"Group"}),n(u,{children:"Name"}),n(u,{children:"Route Name"})]})}),n(ie,{children:D.length>0?D.map(e=>n(be,{permission:e,onToggle:V},e.route_name)):n(_,{children:n(u,{colSpan:4,align:"center",children:n(E,{variant:"body2",color:"text.secondary",sx:{py:3},children:"No permissions found"})})})})]}),n(ue,{count:i.length,page:A,onPageChange:(e,t)=>v(t),rowsPerPage:y,onRowsPerPageChange:e=>{U(parseInt(e.target.value,10)),v(0)},rowsPerPageOptions:[10,25,50,100]})]})]})},Te=a=>{const{record:c,isPending:B,isLoading:d}=se();return B||d?n(z,{}):n(W,{...a,record:c})},Ie=a=>n(W,{...a,record:{}}),Se=a=>{const{method:c}=a;switch(c){case"edit":return n(Te,{...a});case"create":return n(Ie,{...a});default:return null}};var De=Se;export{De 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, useCallback, useMemo, useRef, memo } from "react";
+import {
+  useEditContext
+} from "react-admin";
+import { useController, useFormContext } from "react-hook-form";
+import {
+  Box,
+  Chip,
+  CircularProgress,
+  Button,
+  Typography,
+  Checkbox,
+  Paper,
+  Table,
+  TableBody,
+  TableCell,
+  TableContainer,
+  TableHead,
+  TableRow,
+  TablePagination,
+  Divider,
+  TextField,
+  Select,
+  MenuItem,
+  FormControl,
+  InputLabel
+} from "@mui/material";
+import {
+  SelectAll as SelectAllIcon,
+  DeselectOutlined as DeselectAllIcon
+} from "@mui/icons-material";
+import { useSystemRequestsCache } from "../../contexts/SystemRequestsCache";
+const PermissionRow = memo(({ permission, onToggle }) => {
+  return /* @__PURE__ */ jsxs(TableRow, { hover: true, children: [
+    /* @__PURE__ */ jsx(TableCell, { padding: "checkbox", children: /* @__PURE__ */ jsx(
+      Checkbox,
+      {
+        checked: permission.checked || false,
+        onChange: () => onToggle(permission.route_name),
+        sx: { cursor: "pointer" }
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+      Chip,
+      {
+        label: permission.group,
+        size: "small",
+        variant: "outlined"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TableCell, { children: permission.name }),
+    /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "body2",
+        sx: { fontFamily: "monospace", fontSize: "0.85rem" },
+        children: permission.route_name
+      }
+    ) })
+  ] });
+}, (prevProps, nextProps) => {
+  return prevProps.permission.checked === nextProps.permission.checked && prevProps.permission.route_name === nextProps.permission.route_name;
+});
+const PermissionsSelectorListBase = ({
+  method,
+  attribute,
+  resourceConfig,
+  record = null
+}) => {
+  const form = useFormContext();
+  const permissionObjectsController = useController({ name: "permission_objects" });
+  const permissionsController = useController({ name: "permissions" });
+  const [permissionsMap, setPermissionsMap] = useState(/* @__PURE__ */ new Map());
+  const [filteredData, setFilteredData] = useState([]);
+  const [searchTerm, setSearchTerm] = useState("");
+  const [groupFilter, setGroupFilter] = useState("");
+  const [page, setPage] = useState(0);
+  const [rowsPerPage, setRowsPerPage] = useState(25);
+  const syncTimerRef = useRef(null);
+  const { formats: availablePermissions, loading } = useSystemRequestsCache();
+  useEffect(() => {
+    if (!loading && availablePermissions && record) {
+      const perms = Array.isArray(availablePermissions.data) ? availablePermissions.data : Array.isArray(availablePermissions) ? availablePermissions : [];
+      if (perms.length > 0) {
+        const initialPermissionObjects = record.permission_objects || [];
+        const checkedRouteNames = new Set(
+          initialPermissionObjects.map((obj) => obj.route_name)
+        );
+        const newMap = /* @__PURE__ */ new Map();
+        perms.forEach((p) => {
+          newMap.set(p.route_name, __spreadProps(__spreadValues({}, p), {
+            id: p.route_name,
+            checked: checkedRouteNames.has(p.route_name)
+          }));
+        });
+        setPermissionsMap(newMap);
+      }
+    }
+  }, [availablePermissions, record, loading]);
+  const statePermissions = useMemo(() => {
+    return Array.from(permissionsMap.values());
+  }, [permissionsMap]);
+  useEffect(() => {
+    let filtered = statePermissions;
+    if (searchTerm) {
+      const searchLower = searchTerm.toLowerCase();
+      filtered = filtered.filter(
+        (p) => p.name.toLowerCase().includes(searchLower) || p.route_name.toLowerCase().includes(searchLower) || p.group.toLowerCase().includes(searchLower)
+      );
+    }
+    if (groupFilter) {
+      filtered = filtered.filter((p) => p.group === groupFilter);
+    }
+    setFilteredData(filtered);
+    setPage(0);
+  }, [statePermissions, searchTerm, groupFilter]);
+  useEffect(() => {
+    if (syncTimerRef.current) {
+      clearTimeout(syncTimerRef.current);
+    }
+    syncTimerRef.current = setTimeout(() => {
+      if (statePermissions.length === 0) return;
+      const checkedPermissions = statePermissions.filter((p) => p.checked);
+      permissionObjectsController.field.onChange(checkedPermissions);
+      permissionsController.field.onChange(checkedPermissions.map((p) => p.route_name));
+    }, 300);
+    return () => {
+      if (syncTimerRef.current) {
+        clearTimeout(syncTimerRef.current);
+      }
+    };
+  }, [statePermissions]);
+  const handleTogglePermission = useCallback((routeName) => {
+    setPermissionsMap((prev) => {
+      const newMap = new Map(prev);
+      const permission = newMap.get(routeName);
+      if (permission) {
+        newMap.set(routeName, __spreadProps(__spreadValues({}, permission), { checked: !permission.checked }));
+      }
+      return newMap;
+    });
+  }, []);
+  const handleSelectAll = useCallback(() => {
+    setPermissionsMap((prev) => {
+      const newMap = new Map(prev);
+      newMap.forEach((permission, key) => {
+        newMap.set(key, __spreadProps(__spreadValues({}, permission), { checked: true }));
+      });
+      return newMap;
+    });
+  }, []);
+  const handleDeselectAll = useCallback(() => {
+    setPermissionsMap((prev) => {
+      const newMap = new Map(prev);
+      newMap.forEach((permission, key) => {
+        newMap.set(key, __spreadProps(__spreadValues({}, permission), { checked: false }));
+      });
+      return newMap;
+    });
+  }, []);
+  const handleSelectAllFiltered = useCallback(() => {
+    const filteredRouteNames = new Set(filteredData.map((p) => p.route_name));
+    setPermissionsMap((prev) => {
+      const newMap = new Map(prev);
+      newMap.forEach((permission, key) => {
+        if (filteredRouteNames.has(key)) {
+          newMap.set(key, __spreadProps(__spreadValues({}, permission), { checked: true }));
+        }
+      });
+      return newMap;
+    });
+  }, [filteredData]);
+  const handleDeselectAllFiltered = useCallback(() => {
+    const filteredRouteNames = new Set(filteredData.map((p) => p.route_name));
+    setPermissionsMap((prev) => {
+      const newMap = new Map(prev);
+      newMap.forEach((permission, key) => {
+        if (filteredRouteNames.has(key)) {
+          newMap.set(key, __spreadProps(__spreadValues({}, permission), { checked: false }));
+        }
+      });
+      return newMap;
+    });
+  }, [filteredData]);
+  const uniqueGroups = useMemo(() => {
+    const groups = /* @__PURE__ */ new Set();
+    permissionsMap.forEach((p) => groups.add(p.group));
+    return Array.from(groups).sort();
+  }, [permissionsMap]);
+  const statistics = useMemo(() => {
+    let selected = 0;
+    permissionsMap.forEach((p) => {
+      if (p.checked) selected++;
+    });
+    const total = permissionsMap.size;
+    return {
+      total,
+      selected,
+      isAllSelected: selected === total && total > 0,
+      isNoneSelected: selected === 0
+    };
+  }, [permissionsMap]);
+  const filteredStatistics = useMemo(() => {
+    const filteredRouteNames = new Set(filteredData.map((p) => p.route_name));
+    let filteredSelected = 0;
+    permissionsMap.forEach((p, key) => {
+      if (filteredRouteNames.has(key) && p.checked) filteredSelected++;
+    });
+    const filteredTotal = filteredData.length;
+    return {
+      total: filteredTotal,
+      selected: filteredSelected,
+      isAllSelected: filteredSelected === filteredTotal && filteredTotal > 0,
+      isNoneSelected: filteredSelected === 0
+    };
+  }, [filteredData, permissionsMap]);
+  const hasActiveFilter = searchTerm !== "" || groupFilter !== "";
+  const paginatedData = useMemo(() => {
+    const start = page * rowsPerPage;
+    const end = start + rowsPerPage;
+    return filteredData.slice(start, end);
+  }, [filteredData, page, rowsPerPage]);
+  if (loading || !record || !statePermissions.length) {
+    return /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "center", p: 4 }, children: /* @__PURE__ */ jsx(CircularProgress, {}) });
+  }
+  return /* @__PURE__ */ jsxs(Box, { sx: { p: 2 }, children: [
+    /* @__PURE__ */ jsxs(Paper, { elevation: 1, sx: { mb: 3, p: 2 }, children: [
+      /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 2 }, children: [
+        /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 2 }, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "h6", sx: { fontWeight: 600 }, children: "Permissions Selection" }),
+          /* @__PURE__ */ jsx(
+            Chip,
+            {
+              label: `${statistics.selected} / ${statistics.total} selected`,
+              color: statistics.isAllSelected ? "success" : statistics.selected > 0 ? "warning" : "default",
+              variant: "outlined"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 1, alignItems: "center" }, children: [
+          hasActiveFilter && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "contained",
+                startIcon: /* @__PURE__ */ jsx(SelectAllIcon, {}),
+                onClick: handleSelectAllFiltered,
+                disabled: filteredStatistics.isAllSelected,
+                size: "small",
+                color: "primary",
+                children: [
+                  "Select Filtered (",
+                  filteredStatistics.total,
+                  ")"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "contained",
+                startIcon: /* @__PURE__ */ jsx(DeselectAllIcon, {}),
+                onClick: handleDeselectAllFiltered,
+                disabled: filteredStatistics.isNoneSelected,
+                size: "small",
+                color: "secondary",
+                children: "Deselect Filtered"
+              }
+            ),
+            /* @__PURE__ */ jsx(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 1 } })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outlined",
+              startIcon: /* @__PURE__ */ jsx(SelectAllIcon, {}),
+              onClick: handleSelectAll,
+              disabled: statistics.isAllSelected,
+              size: "small",
+              children: "Select All"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outlined",
+              startIcon: /* @__PURE__ */ jsx(DeselectAllIcon, {}),
+              onClick: handleDeselectAll,
+              disabled: statistics.isNoneSelected,
+              size: "small",
+              children: "Deselect All"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 2 }, children: [
+        /* @__PURE__ */ jsx(
+          TextField,
+          {
+            placeholder: "Search permissions",
+            value: searchTerm,
+            onChange: (e) => setSearchTerm(e.target.value),
+            size: "small",
+            sx: { minWidth: 200 }
+          }
+        ),
+        uniqueGroups && uniqueGroups.length > 0 && /* @__PURE__ */ jsxs(FormControl, { size: "small", sx: { minWidth: 150 }, children: [
+          /* @__PURE__ */ jsx(InputLabel, { children: "Group" }),
+          /* @__PURE__ */ jsxs(
+            Select,
+            {
+              value: groupFilter,
+              onChange: (event) => setGroupFilter(event.target.value),
+              label: "Group",
+              children: [
+                /* @__PURE__ */ jsx(MenuItem, { value: "", children: /* @__PURE__ */ jsx("em", { children: "All Groups" }) }),
+                uniqueGroups.map((g) => /* @__PURE__ */ jsx(MenuItem, { value: g, children: g }, g))
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(TableContainer, { component: Paper, children: [
+      /* @__PURE__ */ jsxs(Table, { size: "small", children: [
+        /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+          /* @__PURE__ */ jsx(TableCell, { padding: "checkbox", children: "Enabled" }),
+          /* @__PURE__ */ jsx(TableCell, { children: "Group" }),
+          /* @__PURE__ */ jsx(TableCell, { children: "Name" }),
+          /* @__PURE__ */ jsx(TableCell, { children: "Route Name" })
+        ] }) }),
+        /* @__PURE__ */ jsx(TableBody, { children: paginatedData.length > 0 ? paginatedData.map((permission) => /* @__PURE__ */ jsx(
+          PermissionRow,
+          {
+            permission,
+            onToggle: handleTogglePermission
+          },
+          permission.route_name
+        )) : /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: 4, align: "center", children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", sx: { py: 3 }, children: "No permissions found" }) }) }) })
+      ] }),
+      /* @__PURE__ */ jsx(
+        TablePagination,
+        {
+          count: filteredData.length,
+          page,
+          onPageChange: (_, newPage) => setPage(newPage),
+          rowsPerPage,
+          onRowsPerPageChange: (e) => {
+            setRowsPerPage(parseInt(e.target.value, 10));
+            setPage(0);
+          },
+          rowsPerPageOptions: [10, 25, 50, 100]
+        }
+      )
+    ] })
+  ] });
+};
+const PermissionsSelectorListEdit = (props) => {
+  const { record: contextRecord, isPending, isLoading } = useEditContext();
+  if (isPending || isLoading) return /* @__PURE__ */ jsx(CircularProgress, {});
+  return /* @__PURE__ */ jsx(PermissionsSelectorListBase, __spreadProps(__spreadValues({}, props), { record: contextRecord }));
+};
+const PermissionsSelectorListCreate = (props) => {
+  return /* @__PURE__ */ jsx(PermissionsSelectorListBase, __spreadProps(__spreadValues({}, props), { record: {} }));
+};
+const PermissionsSelectorList = (props) => {
+  const { method } = props;
+  switch (method) {
+    case "edit":
+      return /* @__PURE__ */ jsx(PermissionsSelectorListEdit, __spreadValues({}, props));
+    case "create":
+      return /* @__PURE__ */ jsx(PermissionsSelectorListCreate, __spreadValues({}, props));
+    default:
+      return null;
+  }
+};
+var PermissionsSelectorList_default = PermissionsSelectorList;
+export {
+  PermissionsSelectorList_default as default
+};

package/dist/components/racustombuttons/CustomRAButton.js

@@ -1 +1,94 @@
-import{jsx as n}from"react/jsx-runtime";import{memo as i}from"react";import r from"prop-types";import m from"@mui/icons-material/RemoveRedEye";import{Link as p}from"react-router-dom";import{useResourceContext as R,useRecordContext as y,useCreatePath as T}from"react-admin";import{Button as f}from"react-admin";const c=o=>{const{icon:e=P,label:s="ra.action.show",record:C,resource:g,scrollToTop:a=!0,...d}=o,l=R(o),t=y(o),u=T();return t?n(f,{component:p,to:u({type:"show",resource:l,id:t.id}),state:B[String(a)],label:s,onClick:b,...d,children:e}):null},B={true:{_scrollToTop:!0},false:{}},P=n(m,{}),b=o=>o.stopPropagation();c.propTypes={icon:r.element,label:r.string,record:r.any,scrollToTop:r.bool};const h=i(c,(o,e)=>o.resource===e.resource&&(o.record&&e.record?o.record.id===e.record.id:o.record==e.record)&&o.label===e.label&&o.disabled===e.disabled);var z=h;export{z 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 } from "react/jsx-runtime";
+import { memo } from "react";
+import PropTypes from "prop-types";
+import ImageEye from "@mui/icons-material/RemoveRedEye";
+import { Link } from "react-router-dom";
+import {
+  useResourceContext,
+  useRecordContext,
+  useCreatePath
+} from "react-admin";
+import { Button } from "react-admin";
+const CustomRAButton = (props) => {
+  const _a = props, {
+    icon = defaultIcon,
+    label = "ra.action.show",
+    record: recordProp,
+    resource: resourceProp,
+    scrollToTop = true
+  } = _a, rest = __objRest(_a, [
+    "icon",
+    "label",
+    "record",
+    "resource",
+    "scrollToTop"
+  ]);
+  const resource = useResourceContext(props);
+  const record = useRecordContext(props);
+  const createPath = useCreatePath();
+  if (!record) return null;
+  return /* @__PURE__ */ jsx(
+    Button,
+    __spreadProps(__spreadValues({
+      component: Link,
+      to: createPath({ type: "show", resource, id: record.id }),
+      state: scrollStates[String(scrollToTop)],
+      label,
+      onClick: stopPropagation
+    }, rest), {
+      children: icon
+    })
+  );
+};
+const scrollStates = {
+  true: { _scrollToTop: true },
+  false: {}
+};
+const defaultIcon = /* @__PURE__ */ jsx(ImageEye, {});
+const stopPropagation = (e) => e.stopPropagation();
+CustomRAButton.propTypes = {
+  icon: PropTypes.element,
+  label: PropTypes.string,
+  record: PropTypes.any,
+  scrollToTop: PropTypes.bool
+};
+const PureCustonRaButton = memo(
+  CustomRAButton,
+  (props, nextProps) => props.resource === nextProps.resource && (props.record && nextProps.record ? props.record.id === nextProps.record.id : props.record == nextProps.record) && // eslint-disable-line eqeqeq
+  props.label === nextProps.label && props.disabled === nextProps.disabled
+);
+var CustomRAButton_default = PureCustonRaButton;
+export {
+  CustomRAButton_default as default
+};

package/dist/components/racustombuttons/QuickButton.js

@@ -1 +1,109 @@
-import{jsx as x}from"react/jsx-runtime";import{memo as f}from"react";import t from"prop-types";import{useResourceContext as h,useRecordContext as g,useRedirect as v}from"react-admin";import{Button as B}from"@mui/material";import{initAxios as C}from"../../hooks/axios";import P from"../../hooks/useVirtualHash";import{DASHAppConstants as S}from"@dashadmin/dash-constants";const b=S.system.URL_PREFIX,k={true:{_scrollToTop:!0},false:{}},a=(e,o)=>{const d=v(),l=C(),p=o?.type||B,u=o?.props||{},{record:w,resource:$,navigate:n,scrollToTop:R=!0,navigation:s="redirect",mode:i="edit",...y}=e,c=h(e),r=g(e);if(!r)return null;const{setVirtualHash:m}=P();return x(p,{onClick:()=>{if(i==="destroy")return l.delete(`${c}/${r.id}`,{headers:{"Content-Type":"application/json"}}),!1;if(s==="virtualhash"){const T=`${b}${c}/${n?n(r):r.id}`;m(T)}s==="redirect"&&d(i,c,n?n(r):r.id)},state:k[String(R)],...u,...y})};a.propTypes={icon:t.element,label:t.string,record:t.any,scrollToTop:t.bool,navigate:t.func,navigation:t.string};var U=f(a,(e,o)=>e.resource===o.resource&&(e.record&&o.record?e.record.id===o.record.id:e.record==o.record)&&e.label===o.label);export{U 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;
+};
+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 } from "react/jsx-runtime";
+import { memo } from "react";
+import PropTypes from "prop-types";
+import {
+  useResourceContext,
+  useRecordContext,
+  useRedirect
+} from "react-admin";
+import { Button } from "@mui/material";
+import { initAxios } from "../../hooks/axios";
+import useVirtualHash from "../../hooks/useVirtualHash";
+import { DASHAppConstants } from "dash-constants";
+const URL_PREFIX = DASHAppConstants.system.URL_PREFIX;
+const scrollStates = {
+  true: { _scrollToTop: true },
+  false: {}
+};
+const QuickButton = (props, children) => {
+  const redirect = useRedirect();
+  const axios = initAxios();
+  const ComponentType = (children == null ? void 0 : children.type) || Button;
+  const componentProps = (children == null ? void 0 : children.props) || {};
+  const _a = props, {
+    record: recordProp,
+    resource: resourceProp,
+    navigate,
+    scrollToTop = true,
+    navigation = "redirect",
+    mode = "edit"
+  } = _a, rest = __objRest(_a, [
+    //label = 'ra.action.show',
+    "record",
+    "resource",
+    "navigate",
+    "scrollToTop",
+    "navigation",
+    "mode"
+  ]);
+  const resource = useResourceContext(props);
+  const record = useRecordContext(props);
+  if (!record) return null;
+  const { setVirtualHash } = useVirtualHash();
+  const handleOnClick = () => {
+    if (mode === "destroy") {
+      axios.delete(`${resource}/${record.id}`, {
+        headers: { "Content-Type": "application/json" }
+      });
+      return false;
+    }
+    if (navigation === "virtualhash") {
+      const vhash = `${URL_PREFIX}${resource}/${navigate ? navigate(record) : record.id}`;
+      setVirtualHash(vhash);
+    }
+    if (navigation === "redirect")
+      redirect(mode, resource, navigate ? navigate(record) : record.id);
+  };
+  return /* @__PURE__ */ jsx(
+    ComponentType,
+    __spreadValues(__spreadValues({
+      onClick: handleOnClick,
+      state: scrollStates[String(scrollToTop)]
+    }, componentProps), rest)
+  );
+};
+QuickButton.propTypes = {
+  icon: PropTypes.element,
+  label: PropTypes.string,
+  record: PropTypes.any,
+  scrollToTop: PropTypes.bool,
+  navigate: PropTypes.func,
+  navigation: PropTypes.string
+};
+var QuickButton_default = memo(
+  QuickButton,
+  (props, nextProps) => props.resource === nextProps.resource && (props.record && nextProps.record ? props.record.id === nextProps.record.id : props.record == nextProps.record) && // eslint-disable-line eqeqeq
+  props.label === nextProps.label
+  //&& props.disabled === nextProps.disabled
+);
+export {
+  QuickButton_default as default
+};