@firecms/core 3.0.0-canary.129 → 3.0.0-canary.130

package/dist/index.es.js

@@ -4,7 +4,7 @@ import React__default, { useRef, useEffect, useContext, useCallback, useMemo, us
 import { SnackbarProvider as SnackbarProvider$1, useSnackbar } from "notistack";
 import hash from "object-hash";
 import { useCreateFormex, Formex, setIn, Field, getIn, useFormex } from "@firecms/formex";
-import { getColorSchemeForSeed, CHIP_COLORS, Tooltip, ErrorIcon, Typography, CircleIcon, FunctionsIcon, iconKeys, coolIconKeys, Icon, IconButton, ContentCopyIcon, OpenInNewIcon, DescriptionIcon, cls, Skeleton, Chip, defaultBorderMixin, KeyboardTabIcon, Checkbox, Markdown, TextareaAutosize, focusedDisabled, MultiSelect, MultiSelectItem, Select, SelectItem, BooleanSwitch, DateTimeField, paperMixin, ErrorOutlineIcon, EditIcon, RemoveCircleIcon, Menu, MoreVertIcon, MenuItem, CircularProgress, SearchBar, Badge, ArrowUpwardIcon, Popover, FilterListIcon, Button, AssignmentIcon, CenteredView, Label, TextField, ClearIcon, BooleanSwitchWithLabel, useOutsideAlerter, Dialog, DialogContent, DialogActions, FileCopyIcon, ArchiveIcon, DeleteIcon, AddIcon, ExpandablePanel, Card, ArrowForwardIcon, cardMixin, cardClickableMixin, StarIcon, StarBorderIcon, Collapse, Container, FilterListOffIcon, SearchIcon, LoadingButton, Avatar, DarkModeIcon, LightModeIcon, LogoutIcon, HandleIcon, RemoveIcon, debounce, InfoIcon, CloseIcon, fieldBackgroundMixin, fieldBackgroundDisabledMixin, fieldBackgroundHoverMixin, ArrowDropDownIcon, ShortTextIcon, SubjectIcon, FormatQuoteIcon, HttpIcon, EmailIcon, FlagIcon, ListIcon, ListAltIcon, NumbersIcon, FormatListNumberedIcon, UploadFileIcon, DriveFolderUploadIcon, LinkIcon, AddLinkIcon, ScheduleIcon, BallotIcon, RepeatIcon, ViewStreamIcon, NotesIcon, Tab, Tabs, Alert, Sheet, useLocaleConfig, MenuIcon, ChevronLeftIcon } from "@firecms/ui";
+import { getColorSchemeForSeed, CHIP_COLORS, Tooltip, ErrorIcon, Typography, CircleIcon, FunctionsIcon, iconKeys, coolIconKeys, Icon, IconButton, ContentCopyIcon, OpenInNewIcon, DescriptionIcon, cls, Skeleton, Chip, defaultBorderMixin, KeyboardTabIcon, Checkbox, Markdown, TextareaAutosize, focusedDisabled, MultiSelect, MultiSelectItem, Select, SelectItem, BooleanSwitch, DateTimeField, paperMixin, ErrorOutlineIcon, EditIcon, RemoveCircleIcon, Menu, MoreVertIcon, MenuItem, CircularProgress, SearchBar, Badge, ArrowUpwardIcon, Popover, FilterListIcon, Button, CenteredView, AssignmentIcon, Label, TextField, ClearIcon, BooleanSwitchWithLabel, useOutsideAlerter, Dialog, DialogContent, DialogActions, FileCopyIcon, ArchiveIcon, DeleteIcon, AddIcon, ExpandablePanel, Card, ArrowForwardIcon, cardMixin, cardClickableMixin, StarIcon, StarBorderIcon, Collapse, Container, FilterListOffIcon, SearchIcon, LoadingButton, Avatar, DarkModeIcon, LightModeIcon, LogoutIcon, HandleIcon, RemoveIcon, debounce, InfoIcon, CloseIcon, fieldBackgroundMixin, fieldBackgroundDisabledMixin, fieldBackgroundHoverMixin, ArrowDropDownIcon, ShortTextIcon, SubjectIcon, FormatQuoteIcon, HttpIcon, EmailIcon, FlagIcon, ListIcon, ListAltIcon, NumbersIcon, FormatListNumberedIcon, UploadFileIcon, DriveFolderUploadIcon, LinkIcon, AddLinkIcon, ScheduleIcon, BallotIcon, RepeatIcon, ViewStreamIcon, NotesIcon, Tab, Tabs, Alert, Sheet, useLocaleConfig, MenuIcon, ChevronLeftIcon } from "@firecms/ui";
 import equal from "react-fast-compare";
 import { Link, useNavigate, useLocation, UNSAFE_NavigationContext, NavLink, Route, Routes } from "react-router-dom";
 import { format } from "date-fns";
@@ -9098,10 +9098,10 @@ const innerElementType = forwardRef(({
       ),
       customView && /* @__PURE__ */ jsx("div", { style: {
         position: "sticky",
-        top: "56px",
+        top: "48px",
         flexGrow: 1,
-        height: "calc(100% - 56px)",
-        marginTop: "calc(56px - 100vh)",
+        height: "calc(100% - 48px)",
+        marginTop: "calc(48px - 100vh)",
         left: 0
       }, children: customView })
     ] });
@@ -9237,21 +9237,7 @@ const VirtualTable = React__default.memo(
       }
       if (onFilterUpdate) onFilterUpdate(newFilterValue);
     }, [checkFilterCombination, currentSort, onFilterUpdate, sortByProperty]);
-    const buildEmptyView = useCallback(() => {
-      if (loading)
-        return /* @__PURE__ */ jsx(CircularProgressCenter, {});
-      return /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "flex flex-col overflow-auto items-center justify-center p-2 gap-2 h-full",
-          children: [
-            /* @__PURE__ */ jsx(AssignmentIcon, {}),
-            emptyComponent
-          ]
-        }
-      );
-    }, [emptyComponent, loading]);
-    const empty = data?.length ?? true;
+    const empty = !loading && (data?.length ?? 0) === 0;
     const customView = error ? /* @__PURE__ */ jsxs(
       CenteredView,
       {
@@ -9262,7 +9248,16 @@ const VirtualTable = React__default.memo(
           error?.message && /* @__PURE__ */ jsx(SafeLinkRenderer, { text: error.message })
         ]
       }
-    ) : empty ? buildEmptyView() : void 0;
+    ) : empty ? loading ? /* @__PURE__ */ jsx(CircularProgressCenter, {}) : /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex flex-col overflow-auto items-center justify-center p-2 gap-2 h-full",
+        children: [
+          /* @__PURE__ */ jsx(AssignmentIcon, {}),
+          emptyComponent
+        ]
+      }
+    ) : void 0;
     const virtualListController = {
       data,
       rowHeight,
@@ -19185,6 +19180,7 @@ function FireCMS(props) {
       accessResponse?.message && /* @__PURE__ */ jsx(Typography, { children: accessResponse?.message })
     ] });
   }
+  console.log("FireCMS render");
   return /* @__PURE__ */ jsx(AnalyticsContext.Provider, { value: analyticsController, children: /* @__PURE__ */ jsx(CustomizationControllerContext.Provider, { value: customizationController, children: /* @__PURE__ */ jsx(
     UserConfigurationPersistenceContext.Provider,
     {