@dashadmin/dash-auto-admin 1.3.25 → 1.3.28

package/dist/list/DashAutoListActions.js

@@ -1 +1,57 @@
-import{jsx as c}from"react/jsx-runtime";import L from"./DashAutoListTopToolbar";import{useState as m,useEffect as A}from"react";const a=(n,s)=>process.env["VITE_"+n]||s||null,C=a("FILTERS_COLLAPSE_COUNT"),S=a("FILTERS_COLLAPSE_SIZE"),E=n=>{const{filters:s,resourceConfig:e,autoFilters:u,listProps:f}=n,t=`filters.collapsed.${e.model.replace(/\//g,"_")}`,[r,p]=m(()=>{const o=localStorage.getItem(t);return o!==null?JSON.parse(o):!1});A(()=>{localStorage.setItem(t,JSON.stringify(r)),console.log("\u{1F4BE} Persisting filter state:",{storeKey:t,expanded:r})},[r,t]);const d=o=>{console.log("\u{1F504} Setting expanded:",{storeKey:t,value:o}),p(o)},g=e.referenceFilters&&e.referenceFilters.length?e.referenceFilters.length:0;let l=!!(s||e.create||e.exporter||e.customToolbarElements);if(e?.toolbar===!1&&(l=!1),!l)return null;const i=c(L,{resourceConfig:e,autoFilters:u,filters:s,countFilters:g,expanded:r,setExpanded:d,filterCountToCollapse:C,collapsedSize:S});return e.customListActions?c(e.customListActions,{resourceConfig:e,listProps:f,children:i}):i};var y=E;export{y as default,a as getEnv};
+import { jsx } from "react/jsx-runtime";
+import DashAutoListTopToolbar from "./DashAutoListTopToolbar";
+import { useState, useEffect } from "react";
+const getEnv = (key, defaultValue) => {
+  return process.env["VITE_" + key] || (defaultValue || null);
+};
+const FILTERS_COLLAPSE_COUNT = getEnv("FILTERS_COLLAPSE_COUNT");
+const FILTERS_COLLAPSE_SIZE = getEnv("FILTERS_COLLAPSE_SIZE");
+const DashAutoListActions = (props) => {
+  const { filters, resourceConfig, autoFilters, listProps } = props;
+  const sanitizedModel = resourceConfig.model.replace(/\//g, "_");
+  const storeKey = `filters.collapsed.${sanitizedModel}`;
+  const [expanded, setExpandedState] = useState(() => {
+    const stored = localStorage.getItem(storeKey);
+    return stored !== null ? JSON.parse(stored) : false;
+  });
+  useEffect(() => {
+    localStorage.setItem(storeKey, JSON.stringify(expanded));
+    console.log("\u{1F4BE} Persisting filter state:", { storeKey, expanded });
+  }, [expanded, storeKey]);
+  const setExpanded = (value) => {
+    console.log("\u{1F504} Setting expanded:", { storeKey, value });
+    setExpandedState(value);
+  };
+  const countFilters = resourceConfig.referenceFilters && resourceConfig.referenceFilters.length ? resourceConfig.referenceFilters.length : 0;
+  let hasToolbarItems = filters || resourceConfig.create || resourceConfig.exporter || resourceConfig.customToolbarElements ? true : false;
+  if ((resourceConfig == null ? void 0 : resourceConfig.toolbar) === false) {
+    hasToolbarItems = false;
+  }
+  if (!hasToolbarItems) return null;
+  const toolbarComponent = /* @__PURE__ */ jsx(
+    DashAutoListTopToolbar,
+    {
+      resourceConfig,
+      autoFilters,
+      filters,
+      countFilters,
+      expanded,
+      setExpanded,
+      filterCountToCollapse: FILTERS_COLLAPSE_COUNT,
+      collapsedSize: FILTERS_COLLAPSE_SIZE
+    }
+  );
+  return resourceConfig.customListActions ? /* @__PURE__ */ jsx(
+    resourceConfig.customListActions,
+    {
+      resourceConfig,
+      listProps,
+      children: toolbarComponent
+    }
+  ) : toolbarComponent;
+};
+var DashAutoListActions_default = DashAutoListActions;
+export {
+  DashAutoListActions_default as default,
+  getEnv
+};

package/dist/list/DashAutoListDatagridWrapper.js

@@ -1 +1,68 @@
-import{jsx as i,jsxs as F}from"react/jsx-runtime";import{useLocation as u}from"react-router";import{useUnselectAll as d,ListContext as f}from"react-admin";import p from"../hooks/useAutoAdminLoadingStateMediator";import{useContext as A,useEffect as g,useState as h}from"react";import L from"../mui/AutoDataGrid";import{CircularProgress as D}from"@mui/material";const C=()=>A(f)??null,x=({resourceConfig:t,dataGridProps:r,locale:n})=>{const e=C()?.setFilters,o=u(),[a,l]=h(o.pathname),[s]=p("getList"),c=d(t.listProps?.storeKey||t.model),m=()=>{c(),e&&e({},[])};return g(()=>{a!==o.pathname&&(t?.resetFiltersOnLocationChange===!0&&(console.info("Resetting Filters on Location change"),m()),l(o.pathname))},[o,a]),F("div",{className:s?"loading-overlay":"default-overlay",children:[s&&i(D,{className:"datagrid-olverlay-loading"}),i(L,{resourceConfig:t,...r,locale:n})]})};var O=x;export{O 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 { jsx, jsxs } from "react/jsx-runtime";
+import { useLocation } from "react-router";
+import { useUnselectAll, ListContext } from "react-admin";
+import useAutoAdminLoadingStateMediator from "../hooks/useAutoAdminLoadingStateMediator";
+import { useContext, useEffect, useState } from "react";
+import AutoDataGrid from "../mui/AutoDataGrid";
+import {
+  CircularProgress
+} from "@mui/material";
+const useSafeListContext = () => {
+  const context = useContext(ListContext);
+  return context != null ? context : null;
+};
+const DashAutoListDataGridWrapper = ({
+  resourceConfig,
+  dataGridProps,
+  locale
+}) => {
+  var _a;
+  const listContext = useSafeListContext();
+  const setFilters = listContext == null ? void 0 : listContext.setFilters;
+  const location = useLocation();
+  const [currentLocation, setCurrentLocation] = useState(location.pathname);
+  const [loading] = useAutoAdminLoadingStateMediator("getList");
+  const unselectAll = useUnselectAll(((_a = resourceConfig.listProps) == null ? void 0 : _a.storeKey) || resourceConfig.model);
+  const clearFilters = () => {
+    unselectAll();
+    if (setFilters) {
+      setFilters({}, []);
+    }
+  };
+  useEffect(() => {
+    if (currentLocation !== location.pathname) {
+      if ((resourceConfig == null ? void 0 : resourceConfig.resetFiltersOnLocationChange) === true) {
+        console.info("Resetting Filters on Location change");
+        clearFilters();
+      }
+      setCurrentLocation(location.pathname);
+    }
+  }, [location, currentLocation]);
+  return /* @__PURE__ */ jsxs("div", { className: loading ? "loading-overlay" : "default-overlay", children: [
+    loading && /* @__PURE__ */ jsx(CircularProgress, { className: "datagrid-olverlay-loading" }),
+    /* @__PURE__ */ jsx(AutoDataGrid, __spreadProps(__spreadValues({ resourceConfig }, dataGridProps), { locale }))
+  ] });
+};
+var DashAutoListDatagridWrapper_default = DashAutoListDataGridWrapper;
+export {
+  DashAutoListDatagridWrapper_default as default
+};

package/dist/list/DashAutoListDefaultActionsWrapper.js

@@ -1 +1,14 @@
-import{jsx as s}from"react/jsx-runtime";const r=({resourceConfig:t,autoFilters:o,children:e})=>!(o&&o.length||t.create||t.exporter||t.customToolbarElements)?e:s("div",{className:"top-toolbar-default",children:e});var h=r;export{h as default};
+import { jsx } from "react/jsx-runtime";
+const DashAutoListDefaultListActionsWrapper = ({
+  resourceConfig,
+  autoFilters,
+  children
+}) => {
+  const hasToolbarItems = autoFilters && autoFilters.length || resourceConfig.create || resourceConfig.exporter || resourceConfig.customToolbarElements ? true : false;
+  if (!hasToolbarItems) return children;
+  return /* @__PURE__ */ jsx("div", { className: "top-toolbar-default", children });
+};
+var DashAutoListDefaultActionsWrapper_default = DashAutoListDefaultListActionsWrapper;
+export {
+  DashAutoListDefaultActionsWrapper_default as default
+};

package/dist/list/DashAutoListFilterFormWithButton.js

@@ -1 +1,80 @@
-import{jsx as i,jsxs as C}from"react/jsx-runtime";import*as r from"react";import{useForm as p,FormProvider as y}from"react-hook-form";import{Box as x,Button as v}from"@mui/material";import{FilterFormBase as h,ListContext as B}from"react-admin";const S=()=>r.useContext(B)??null,k=r.forwardRef((s,u)=>{const{filters:m,resourceConfig:c}=s,n=S(),d=n?.displayedFilters??[],f=n?.filterValues??{},l=n?.setFilters,t=p({defaultValues:f}),o=e=>{Object.keys(e).length>0&&l&&l(e,d)};r.useEffect(()=>{const e=a=>{a.key==="Enter"&&(a.preventDefault(),t.handleSubmit(o)())};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[]);const{reset:b}=t,F=t.handleSubmit(o);return r.useImperativeHandle(u,()=>({submit(){F()},reset(){b()}})),i(y,{...t,children:C(x,{mb:1,children:[i(h,{onSubmit:o,filters:m}),c?.filterButtonPosition==="filters-container"&&i(v,{className:"toolbar-filters-filter-button",onClick:()=>t.handleSubmit(o)(),variant:"contained",color:"primary",type:"button",children:"Filtrar"})]})})});var T=k;export{T 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 { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useForm, FormProvider } from "react-hook-form";
+import { Box, Button } from "@mui/material";
+import { FilterFormBase, ListContext } from "react-admin";
+const useSafeListContext = () => {
+  const context = React.useContext(ListContext);
+  return context != null ? context : null;
+};
+const DashAutoListFilterFormWithButton = React.forwardRef((props, forwardedRef) => {
+  var _a, _b;
+  const { filters, resourceConfig } = props;
+  const listContext = useSafeListContext();
+  const displayedFilters = (_a = listContext == null ? void 0 : listContext.displayedFilters) != null ? _a : [];
+  const filterValues = (_b = listContext == null ? void 0 : listContext.filterValues) != null ? _b : {};
+  const setFilters = listContext == null ? void 0 : listContext.setFilters;
+  const form = useForm({
+    defaultValues: filterValues
+  });
+  const onSubmit = (values) => {
+    if (Object.keys(values).length > 0 && setFilters) {
+      setFilters(values, displayedFilters);
+    }
+  };
+  React.useEffect(() => {
+    const keyDownHandler = (event) => {
+      if (event.key === "Enter") {
+        event.preventDefault();
+        form.handleSubmit(onSubmit)();
+      }
+    };
+    document.addEventListener("keydown", keyDownHandler);
+    return () => {
+      document.removeEventListener("keydown", keyDownHandler);
+    };
+  }, []);
+  const { reset } = form;
+  const handleSubmit = form.handleSubmit(onSubmit);
+  React.useImperativeHandle(forwardedRef, () => ({
+    submit() {
+      handleSubmit();
+    },
+    reset() {
+      reset();
+    }
+  }));
+  return /* @__PURE__ */ jsx(FormProvider, __spreadProps(__spreadValues({}, form), { children: /* @__PURE__ */ jsxs(Box, { mb: 1, children: [
+    /* @__PURE__ */ jsx(
+      FilterFormBase,
+      {
+        onSubmit,
+        filters
+      }
+    ),
+    (resourceConfig == null ? void 0 : resourceConfig.filterButtonPosition) === "filters-container" && /* @__PURE__ */ jsx(Button, { className: "toolbar-filters-filter-button", onClick: () => form.handleSubmit(onSubmit)(), variant: "contained", color: "primary", type: "button", children: "Filtrar" })
+  ] }) }));
+});
+var DashAutoListFilterFormWithButton_default = DashAutoListFilterFormWithButton;
+export {
+  DashAutoListFilterFormWithButton_default as default
+};

package/dist/list/DashAutoListTopToolbar.js

@@ -1 +1,180 @@
-import{Fragment as s,jsx as e,jsxs as f}from"react/jsx-runtime";import p from"../common/components/FabButton";import{SavedQueriesList as y,useRefresh as A,useUnselectAll as S,ListContext as R}from"react-admin";import{FilterForm as v}from"react-admin";import{useContext as I}from"react";import{Box as B,Button as z,Collapse as w,Fab as D}from"@mui/material";import E from"@mui/icons-material/FilterAltOff";import H from"./DashAutoListFilterFormWithButton";import c from"react";import N from"@mui/icons-material/KeyboardArrowUp";import L from"@mui/icons-material/KeyboardArrowDown";import W from"@mui/icons-material/Search";import{ToolbarCreateButton as k,ToolbarExportButton as K}from"../toolbar/buttons/ToolbarButtons";import{Refresh as P}from"@mui/icons-material";const J=()=>I(R)??null,d=c.forwardRef((n,o)=>{const a=()=>{console.error("handleSubmit at ToolbarFilters not implemented")},i=()=>{console.error("reset at ToolbarFilters not implemented")};c.useImperativeHandle(o,()=>({submit(){a()},reset(){i()}}));const{resourceConfig:r,filters:l}=n;return r.hideDefaultFilters!==!0?e(v,{filters:l}):e(s,{})});d.displayName="ToolbarFilters";const Q=n=>{const{resourceConfig:o,autoFilters:a,filters:i,countFilters:r,expanded:l,setExpanded:b,filterCountToCollapse:U=5,collapsedSize:F="60px",fabButtonSize:t="20px"}=n,u=J()?.setFilters,C=S(o.listProps?.storeKey||o.model),h=o.FilterFormComponent?o.FilterFormComponent:o.filterWithSubmit===!0?H:d,m=c.useRef(null),x=A(),T=()=>{C(),u&&u({},[]),m.current?.reset()},g=()=>{x()};return f("div",{children:[f("div",{style:{display:"flex",justifyContent:"flex-start",flexWrap:"wrap"},className:"toolbar-actions",children:[e(k,{mode:"create",resourceConfig:o}),e(K,{mode:"create",resourceConfig:o}),typeof o.customToolbarElements=="function"?o.customToolbarElements(i):o.customToolbarElements,typeof o.customToolbarActions=="function"?o.customToolbarActions(i):o.customToolbarActions,!!o.showSavedQueries&&e(y,{})]}),r?e("div",{children:e(w,{className:"toolbar-collapse",orientation:"vertical",collapsedSize:F,in:l,timeout:"auto",children:e("div",{className:"toolbar-filters",children:e(h,{ref:m,resourceConfig:o,filters:i})})})}):e(s,{}),r&&o?.filterWithSubmit===!0&&o?.filterButtonPosition!=="filters-container"?e("div",{style:{display:"flex",justifyContent:"flex-end",flexWrap:"wrap"},className:"toolbar-buttons",children:e(z,{endIcon:e(W,{}),variant:"contained",onClick:()=>{m.current?.submit()},children:"Filtrar"})}):e(s,{}),f(B,{className:"toolbar-right-buttons",sx:{gap:.5,padding:.5},children:[e(p,{onClick:g,size:"small","aria-label":"refresh",color:"primary",icon:e(P,{sx:{fontSize:"1rem"}}),tooltip:"Refrescar",style:{width:t,height:t,minHeight:t}}),r&&a?e(p,{onClick:T,size:"small","aria-label":"refresh",color:"primary",icon:e(E,{sx:{fontSize:"1rem"}}),tooltip:"Borrar filtros",style:{width:t,height:t,minHeight:t}}):e(s,{}),r?e(D,{size:"small","aria-label":"collapse",color:"primary",onClick:()=>b(!l),style:{width:t,height:t,minHeight:t},className:"toolbar-collapse-button",children:l?e(L,{sx:{fontSize:"1rem"}}):e(N,{sx:{fontSize:"1rem"}})}):e(s,{})]})]})};var ue=Q;export{ue as default};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import FabButton from "../common/components/FabButton";
+import { SavedQueriesList, useRefresh, useUnselectAll, ListContext } from "react-admin";
+import { FilterForm } from "react-admin";
+import { useContext } from "react";
+import { Box, Button, Collapse, Fab } from "@mui/material";
+import FilterAltOffIcon from "@mui/icons-material/FilterAltOff";
+import DashAutoListFilterFormWithButton from "./DashAutoListFilterFormWithButton";
+import React from "react";
+import KeyboardArrowUp from "@mui/icons-material/KeyboardArrowUp";
+import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown";
+import Search from "@mui/icons-material/Search";
+import { ToolbarCreateButton, ToolbarExportButton } from "../toolbar/buttons/ToolbarButtons";
+import { Refresh } from "@mui/icons-material";
+const useSafeListContext = () => {
+  const context = useContext(ListContext);
+  return context != null ? context : null;
+};
+const ToolbarFilters = React.forwardRef((props, forwardedRef) => {
+  const handleSubmit = () => {
+    console.error("handleSubmit at ToolbarFilters not implemented");
+  };
+  const reset = () => {
+    console.error("reset at ToolbarFilters not implemented");
+  };
+  React.useImperativeHandle(forwardedRef, () => ({
+    submit() {
+      handleSubmit();
+    },
+    reset() {
+      reset();
+    }
+  }));
+  const { resourceConfig, filters } = props;
+  return resourceConfig.hideDefaultFilters !== true ? /* @__PURE__ */ jsx(FilterForm, { filters }) : /* @__PURE__ */ jsx(Fragment, {});
+});
+ToolbarFilters.displayName = "ToolbarFilters";
+const DashAutoListTopToolbar = (props) => {
+  var _a;
+  const {
+    resourceConfig,
+    autoFilters,
+    filters,
+    countFilters,
+    expanded,
+    setExpanded,
+    filterCountToCollapse = 5,
+    collapsedSize = "60px",
+    fabButtonSize = "20px"
+    // Default to 20px as requested
+  } = props;
+  const listContext = useSafeListContext();
+  const setFilters = listContext == null ? void 0 : listContext.setFilters;
+  const unselectAll = useUnselectAll(((_a = resourceConfig.listProps) == null ? void 0 : _a.storeKey) || resourceConfig.model);
+  const FilterComponent = resourceConfig.FilterFormComponent ? resourceConfig.FilterFormComponent : resourceConfig.filterWithSubmit === true ? DashAutoListFilterFormWithButton : ToolbarFilters;
+  const ref = React.useRef(null);
+  const refresh = useRefresh();
+  const clearFilters = () => {
+    var _a2;
+    unselectAll();
+    if (setFilters) {
+      setFilters({}, []);
+    }
+    (_a2 = ref.current) == null ? void 0 : _a2.reset();
+  };
+  const refreshList = () => {
+    refresh();
+  };
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "flex-start",
+          flexWrap: "wrap"
+        },
+        className: "toolbar-actions",
+        children: [
+          /* @__PURE__ */ jsx(ToolbarCreateButton, { mode: "create", resourceConfig }),
+          /* @__PURE__ */ jsx(ToolbarExportButton, { mode: "create", resourceConfig }),
+          typeof resourceConfig.customToolbarElements === "function" ? resourceConfig.customToolbarElements(filters) : resourceConfig.customToolbarElements,
+          typeof resourceConfig.customToolbarActions === "function" ? resourceConfig.customToolbarActions(filters) : resourceConfig.customToolbarActions,
+          !!resourceConfig.showSavedQueries && /* @__PURE__ */ jsx(SavedQueriesList, {})
+        ]
+      }
+    ),
+    countFilters ? /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+      Collapse,
+      {
+        className: "toolbar-collapse",
+        orientation: "vertical",
+        collapsedSize,
+        in: expanded,
+        timeout: "auto",
+        children: /* @__PURE__ */ jsx("div", { className: "toolbar-filters", children: /* @__PURE__ */ jsx(FilterComponent, { ref, resourceConfig, filters }) })
+      }
+    ) }) : /* @__PURE__ */ jsx(Fragment, {}),
+    countFilters && (resourceConfig == null ? void 0 : resourceConfig.filterWithSubmit) === true && (resourceConfig == null ? void 0 : resourceConfig.filterButtonPosition) !== "filters-container" ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "flex-end",
+          flexWrap: "wrap"
+        },
+        className: "toolbar-buttons",
+        children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            endIcon: /* @__PURE__ */ jsx(Search, {}),
+            variant: "contained",
+            onClick: () => {
+              var _a2;
+              (_a2 = ref.current) == null ? void 0 : _a2.submit();
+            },
+            children: "Filtrar"
+          }
+        )
+      }
+    ) : /* @__PURE__ */ jsx(Fragment, {}),
+    /* @__PURE__ */ jsxs(Box, { className: "toolbar-right-buttons", sx: {
+      gap: 0.5,
+      padding: 0.5
+    }, children: [
+      /* @__PURE__ */ jsx(
+        FabButton,
+        {
+          onClick: refreshList,
+          size: "small",
+          "aria-label": "refresh",
+          color: "primary",
+          icon: /* @__PURE__ */ jsx(Refresh, { sx: { fontSize: "1rem" } }),
+          tooltip: "Refrescar",
+          style: {
+            width: fabButtonSize,
+            height: fabButtonSize,
+            minHeight: fabButtonSize
+          }
+        }
+      ),
+      countFilters && autoFilters ? /* @__PURE__ */ jsx(
+        FabButton,
+        {
+          onClick: clearFilters,
+          size: "small",
+          "aria-label": "refresh",
+          color: "primary",
+          icon: /* @__PURE__ */ jsx(FilterAltOffIcon, { sx: { fontSize: "1rem" } }),
+          tooltip: "Borrar filtros",
+          style: {
+            width: fabButtonSize,
+            height: fabButtonSize,
+            minHeight: fabButtonSize
+          }
+        }
+      ) : /* @__PURE__ */ jsx(Fragment, {}),
+      countFilters ? /* @__PURE__ */ jsx(
+        Fab,
+        {
+          size: "small",
+          "aria-label": "collapse",
+          color: "primary",
+          onClick: () => setExpanded(!expanded),
+          style: {
+            width: fabButtonSize,
+            height: fabButtonSize,
+            minHeight: fabButtonSize
+          },
+          className: "toolbar-collapse-button",
+          children: expanded ? /* @__PURE__ */ jsx(KeyboardArrowDown, { sx: { fontSize: "1rem" } }) : /* @__PURE__ */ jsx(KeyboardArrowUp, { sx: { fontSize: "1rem" } })
+        }
+      ) : /* @__PURE__ */ jsx(Fragment, {})
+    ] })
+  ] });
+};
+var DashAutoListTopToolbar_default = DashAutoListTopToolbar;
+export {
+  DashAutoListTopToolbar_default as default
+};