@almadar/ui 2.1.2 → 2.1.4

package/dist/{chunk-BKC4XU44.js → chunk-E3EXHX2Z.js}

@@ -1,5 +1,5 @@
 import { apiClient } from './chunk-XSEDIUM6.js';
-import { SelectionContext, entityDataKeys, useEntityList } from './chunk-PE2H3NAW.js';
+import { SelectionContext, entityDataKeys, useEntityList } from './chunk-JLEMVREZ.js';
 import { useEventBus } from './chunk-YXZM3WCF.js';
 import { subscribe, getSnapshot, clearEntities, removeEntity, updateSingleton, updateEntity, spawnEntity, getSingleton, getAllEntities, getByType, getEntity } from './chunk-N7MVUW4R.js';
 import { useCallback, useState, useEffect, useMemo, useContext, useSyncExternalStore } from 'react';

package/dist/{chunk-PE2H3NAW.js → chunk-JLEMVREZ.js}

@@ -1,5 +1,5 @@
 import { useEventBus } from './chunk-YXZM3WCF.js';
-import React, { createContext, useContext, useState, useMemo, useCallback, useEffect } from 'react';
+import React2, { createContext, useContext, useState, useMemo, useCallback, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 var I18nContext = createContext({
@@ -90,12 +90,99 @@ function parseQueryBinding(binding) {
     field: parts.length > 1 ? parts.slice(1).join(".") : void 0
   };
 }
+var SelectionContext = createContext(null);
+var defaultCompareEntities = (a, b) => {
+  if (a === b) return true;
+  if (!a || !b) return false;
+  if (typeof a === "object" && typeof b === "object") {
+    const aId = a.id;
+    const bId = b.id;
+    return aId !== void 0 && aId === bId;
+  }
+  return false;
+};
+function SelectionProvider({
+  children,
+  debug = false,
+  compareEntities = defaultCompareEntities
+}) {
+  const eventBus = useEventBus();
+  const [selected, setSelectedState] = useState(null);
+  const setSelected = useCallback(
+    (entity) => {
+      setSelectedState(entity);
+      if (debug) {
+        console.log("[SelectionProvider] Selection set:", entity);
+      }
+    },
+    [debug]
+  );
+  const clearSelection = useCallback(() => {
+    setSelectedState(null);
+    if (debug) {
+      console.log("[SelectionProvider] Selection cleared");
+    }
+  }, [debug]);
+  const isSelected = useCallback(
+    (entity) => {
+      return compareEntities(selected, entity);
+    },
+    [selected, compareEntities]
+  );
+  useEffect(() => {
+    const handleSelect = (event) => {
+      const row = event.payload?.row;
+      if (row) {
+        setSelected(row);
+        if (debug) {
+          console.log(`[SelectionProvider] ${event.type} received:`, row);
+        }
+      }
+    };
+    const handleDeselect = (event) => {
+      clearSelection();
+      if (debug) {
+        console.log(`[SelectionProvider] ${event.type} received - clearing selection`);
+      }
+    };
+    const unsubView = eventBus.on("UI:VIEW", handleSelect);
+    const unsubSelect = eventBus.on("UI:SELECT", handleSelect);
+    const unsubClose = eventBus.on("UI:CLOSE", handleDeselect);
+    const unsubDeselect = eventBus.on("UI:DESELECT", handleDeselect);
+    const unsubCancel = eventBus.on("UI:CANCEL", handleDeselect);
+    return () => {
+      unsubView();
+      unsubSelect();
+      unsubClose();
+      unsubDeselect();
+      unsubCancel();
+    };
+  }, [eventBus, setSelected, clearSelection, debug]);
+  const contextValue = {
+    selected,
+    setSelected,
+    clearSelection,
+    isSelected
+  };
+  return /* @__PURE__ */ jsx(SelectionContext.Provider, { value: contextValue, children });
+}
+function useSelection() {
+  const context = useContext(SelectionContext);
+  if (!context) {
+    throw new Error("useSelection must be used within a SelectionProvider");
+  }
+  return context;
+}
+function useSelectionOptional() {
+  const context = useContext(SelectionContext);
+  return context;
+}
 var EntityDataContext = createContext(null);
 function EntityDataProvider({
   adapter,
   children
 }) {
-  return React.createElement(
+  return React2.createElement(
     EntityDataContext.Provider,
     { value: adapter },
     children
@@ -292,92 +379,5 @@ function useEntitySuspense(entity, id) {
   return { data: null, refetch: () => {
   } };
 }
-var SelectionContext = createContext(null);
-var defaultCompareEntities = (a, b) => {
-  if (a === b) return true;
-  if (!a || !b) return false;
-  if (typeof a === "object" && typeof b === "object") {
-    const aId = a.id;
-    const bId = b.id;
-    return aId !== void 0 && aId === bId;
-  }
-  return false;
-};
-function SelectionProvider({
-  children,
-  debug = false,
-  compareEntities = defaultCompareEntities
-}) {
-  const eventBus = useEventBus();
-  const [selected, setSelectedState] = useState(null);
-  const setSelected = useCallback(
-    (entity) => {
-      setSelectedState(entity);
-      if (debug) {
-        console.log("[SelectionProvider] Selection set:", entity);
-      }
-    },
-    [debug]
-  );
-  const clearSelection = useCallback(() => {
-    setSelectedState(null);
-    if (debug) {
-      console.log("[SelectionProvider] Selection cleared");
-    }
-  }, [debug]);
-  const isSelected = useCallback(
-    (entity) => {
-      return compareEntities(selected, entity);
-    },
-    [selected, compareEntities]
-  );
-  useEffect(() => {
-    const handleSelect = (event) => {
-      const row = event.payload?.row;
-      if (row) {
-        setSelected(row);
-        if (debug) {
-          console.log(`[SelectionProvider] ${event.type} received:`, row);
-        }
-      }
-    };
-    const handleDeselect = (event) => {
-      clearSelection();
-      if (debug) {
-        console.log(`[SelectionProvider] ${event.type} received - clearing selection`);
-      }
-    };
-    const unsubView = eventBus.on("UI:VIEW", handleSelect);
-    const unsubSelect = eventBus.on("UI:SELECT", handleSelect);
-    const unsubClose = eventBus.on("UI:CLOSE", handleDeselect);
-    const unsubDeselect = eventBus.on("UI:DESELECT", handleDeselect);
-    const unsubCancel = eventBus.on("UI:CANCEL", handleDeselect);
-    return () => {
-      unsubView();
-      unsubSelect();
-      unsubClose();
-      unsubDeselect();
-      unsubCancel();
-    };
-  }, [eventBus, setSelected, clearSelection, debug]);
-  const contextValue = {
-    selected,
-    setSelected,
-    clearSelection,
-    isSelected
-  };
-  return /* @__PURE__ */ jsx(SelectionContext.Provider, { value: contextValue, children });
-}
-function useSelection() {
-  const context = useContext(SelectionContext);
-  if (!context) {
-    throw new Error("useSelection must be used within a SelectionProvider");
-  }
-  return context;
-}
-function useSelectionOptional() {
-  const context = useContext(SelectionContext);
-  return context;
-}
 
 export { EntityDataProvider, I18nProvider, SelectionContext, SelectionProvider, createTranslate, entityDataKeys, parseQueryBinding, useEntity, useEntityDataAdapter, useEntityDetail, useEntityList, useEntityListSuspense, useEntitySuspense, useQuerySingleton, useSelection, useSelectionOptional, useTranslate };

package/dist/{chunk-LB3HXNAR.js → chunk-Y7AFNUT2.js}

@@ -1,7 +1,7 @@
 import { useTheme, useUISlots } from './chunk-BTXQJGFB.js';
-import { useTranslate, useQuerySingleton, useEntityList } from './chunk-PE2H3NAW.js';
-import { useEventBus } from './chunk-YXZM3WCF.js';
 import { cn, debugGroup, debug, debugGroupEnd, getNestedValue, isDebugEnabled } from './chunk-KKCVDUK7.js';
+import { useTranslate, useQuerySingleton } from './chunk-JLEMVREZ.js';
+import { useEventBus } from './chunk-YXZM3WCF.js';
 import { __publicField } from './chunk-PKBMQBKP.js';
 import * as React41 from 'react';
 import React41__default, { useCallback, useRef, useState, useLayoutEffect, useEffect, createContext, useMemo, useContext, Suspense } from 'react';
@@ -6442,7 +6442,6 @@ function normalizeColumns(columns) {
 function DataTable({
   fields,
   columns,
-  data,
   entity,
   itemActions,
   isLoading = false,
@@ -6476,8 +6475,8 @@ function DataTable({
   const resolvedEmptyDescription = emptyDescription ?? t("table.empty.description");
   const resolvedSearchPlaceholder = searchPlaceholder ?? t("common.search");
   const items = useMemo(
-    () => Array.isArray(data) ? data : [],
-    [data]
+    () => Array.isArray(entity) ? entity : [],
+    [entity]
   );
   const currentPage = page ?? 1;
   const currentPageSize = pageSize ?? 20;
@@ -6494,13 +6493,12 @@ function DataTable({
           /\{\{id\}\}/g,
           String(row.id)
         );
-        eventBus.emit("UI:NAVIGATE", { url, row, entity });
+        eventBus.emit("UI:NAVIGATE", { url, row });
         return;
       }
       if (action.event) {
         eventBus.emit(`UI:${action.event}`, {
-          row,
-          entity
+          row
         });
       }
     }
@@ -6519,10 +6517,10 @@ function DataTable({
           eventBus.emit("UI:NAVIGATE", { url, row, entity });
           return;
         }
-        eventBus.emit("UI:VIEW", { row, entity });
+        eventBus.emit("UI:VIEW", { row });
       }
     },
-    [viewAction, eventBus, entity]
+    [viewAction, eventBus]
   );
   const isRowClickable = !!viewAction;
   const effectiveColumns = fields ?? columns ?? [];
@@ -6535,61 +6533,54 @@ function DataTable({
   const handleSelectAll = useCallback(() => {
     if (allSelected) {
       eventBus.emit(`UI:${EntityDisplayEvents.DESELECT}`, {
-        ids: [],
-        entity
+        ids: []
       });
     } else {
       eventBus.emit(`UI:${EntityDisplayEvents.SELECT}`, {
-        ids: items.map((row) => row.id),
-        entity
+        ids: items.map((row) => row.id)
       });
     }
-  }, [allSelected, items, eventBus, entity]);
+  }, [allSelected, items, eventBus]);
   const handleSelectRow = useCallback(
     (id) => {
       if (selectedIds.includes(id)) {
         eventBus.emit(`UI:${EntityDisplayEvents.DESELECT}`, {
-          ids: selectedIds.filter((i) => i !== id),
-          entity
+          ids: selectedIds.filter((i) => i !== id)
         });
       } else {
         eventBus.emit(`UI:${EntityDisplayEvents.SELECT}`, {
-          ids: [...selectedIds, id],
-          entity
+          ids: [...selectedIds, id]
         });
       }
     },
-    [selectedIds, eventBus, entity]
+    [selectedIds, eventBus]
   );
   const handleSort = useCallback(
     (key) => {
       const newDirection = sortBy === key && sortDirection === "asc" ? "desc" : "asc";
       eventBus.emit(`UI:${EntityDisplayEvents.SORT}`, {
         field: key,
-        direction: newDirection,
-        entity
+        direction: newDirection
       });
     },
-    [sortBy, sortDirection, eventBus, entity]
+    [sortBy, sortDirection, eventBus]
   );
   const handleSearch = useCallback(
     (value) => {
       eventBus.emit(`UI:${EntityDisplayEvents.SEARCH}`, {
-        query: value,
-        entity
+        query: value
       });
     },
-    [eventBus, entity]
+    [eventBus]
   );
   const handlePageChange = useCallback(
     (newPage) => {
       eventBus.emit(`UI:${EntityDisplayEvents.PAGINATE}`, {
         page: newPage,
-        pageSize: currentPageSize,
-        entity
+        pageSize: currentPageSize
       });
     },
-    [eventBus, currentPageSize, entity]
+    [eventBus, currentPageSize]
   );
   const selectedRows = useMemo(
     () => items.filter((row) => selectedIds.includes(row.id)),
@@ -6857,7 +6848,6 @@ var StatCard = ({
   // Schema-based props
   entity,
   metrics,
-  data: externalData,
   isLoading: externalLoading,
   error: externalError
 }) => {
@@ -6866,19 +6856,14 @@ var StatCard = ({
   const { t } = useTranslate();
   const handleActionClick = React41__default.useCallback(() => {
     if (action?.event) {
-      eventBus.emit(`UI:${action.event}`, { entity });
+      eventBus.emit(`UI:${action.event}`, {});
     }
     if (action?.onClick) {
       action.onClick();
     }
-  }, [action, eventBus, entity]);
-  const shouldAutoFetch = !!entity && !externalData && !!metrics;
-  const { data: fetchedData, isLoading: fetchLoading } = useEntityList(
-    shouldAutoFetch ? entity : void 0,
-    { skip: !shouldAutoFetch }
-  );
-  const data = externalData ?? fetchedData ?? [];
-  const isLoading = externalLoading ?? (shouldAutoFetch ? fetchLoading : false);
+  }, [action, eventBus]);
+  const data = Array.isArray(entity) ? entity : entity ? [entity] : [];
+  const isLoading = externalLoading ?? false;
   const error = externalError;
   const computeMetricValue = React41__default.useCallback(
     (metric, items) => {
@@ -6927,6 +6912,13 @@ var StatCard = ({
       format: metric.format
     }));
   }, [metrics, data, computeMetricValue]);
+  const calculatedTrend = React41__default.useMemo(() => {
+    if (manualTrend !== void 0) return manualTrend;
+    if (previousValue === void 0 || currentValue === void 0)
+      return void 0;
+    if (previousValue === 0) return currentValue > 0 ? 100 : 0;
+    return (currentValue - previousValue) / previousValue * 100;
+  }, [manualTrend, previousValue, currentValue]);
   if (schemaStats && schemaStats.length > 1) {
     if (isLoading) {
       return /* @__PURE__ */ jsx(
@@ -6953,16 +6945,9 @@ var StatCard = ({
       }
     );
   }
-  const label = schemaStats?.[0]?.label || labelToUse || entity || "Stat";
+  const label = schemaStats?.[0]?.label || labelToUse || "Stat";
   const normalizedPropValue = Array.isArray(propValue) ? propValue[0] ?? propValue.length : propValue;
   const value = schemaStats?.[0]?.value ?? normalizedPropValue ?? 0;
-  const calculatedTrend = useMemo4(() => {
-    if (manualTrend !== void 0) return manualTrend;
-    if (previousValue === void 0 || currentValue === void 0)
-      return void 0;
-    if (previousValue === 0) return currentValue > 0 ? 100 : 0;
-    return (currentValue - previousValue) / previousValue * 100;
-  }, [manualTrend, previousValue, currentValue]);
   const trendDirection = manualDirection || (calculatedTrend === void 0 || calculatedTrend === 0 ? "neutral" : calculatedTrend > 0 ? "up" : "down");
   const isPositive = invertTrend ? trendDirection === "down" : trendDirection === "up";
   const TrendIcon = trendDirection === "up" ? TrendingUp : trendDirection === "down" ? TrendingDown : Minus;
@@ -7024,9 +7009,6 @@ var StatCard = ({
   ] });
 };
 StatCard.displayName = "StatCard";
-function useMemo4(factory, deps) {
-  return React41__default.useMemo(factory, deps);
-}
 var PageHeader = ({
   title,
   subtitle,
@@ -7221,7 +7203,6 @@ var DetailPanel = ({
   entity,
   fields: propFields,
   fieldNames,
-  data: externalData,
   initialData,
   isLoading = false,
   error
@@ -7240,22 +7221,23 @@ var DetailPanel = ({
           /\{\{(\w+)\}\}/g,
           (_, key) => String(data2?.[key] ?? "")
         );
-        eventBus.emit("UI:NAVIGATE", { url, row: data2, entity });
+        eventBus.emit("UI:NAVIGATE", { url, row: data2 });
         return;
       }
       if (action.event) {
-        eventBus.emit(`UI:${action.event}`, { row: data2, entity });
+        eventBus.emit(`UI:${action.event}`, { row: data2 });
       }
       if (action.onClick) {
         action.onClick();
       }
     },
-    [eventBus, entity]
+    [eventBus]
   );
   const handleClose = useCallback(() => {
     eventBus.emit("UI:CLOSE", {});
   }, [eventBus]);
-  const data = externalData ?? initialData;
+  const entityRecord = Array.isArray(entity) ? entity[0] : entity;
+  const data = entityRecord ?? initialData;
   let title = propTitle;
   let sections = propSections ? [...propSections] : void 0;
   const normalizedData = data && typeof data === "object" && !Array.isArray(data) ? data : void 0;
@@ -7368,7 +7350,7 @@ var DetailPanel = ({
     return /* @__PURE__ */ jsx(
       LoadingState,
       {
-        message: `Loading ${entity || "details"}...`,
+        message: "Loading details...",
         className
       }
     );
@@ -7389,7 +7371,7 @@ var DetailPanel = ({
       EmptyState,
       {
         title: "Not Found",
-        description: `The requested ${entity || "item"} could not be found.`,
+        description: "The requested item could not be found.",
         className
       }
     );
@@ -7399,7 +7381,7 @@ var DetailPanel = ({
       /* @__PURE__ */ jsxs(HStack, { justify: "between", align: "start", children: [
         /* @__PURE__ */ jsxs(VStack, { gap: "sm", flex: true, className: "min-w-0", children: [
           avatar,
-          /* @__PURE__ */ jsx(Typography, { variant: "h2", weight: "bold", children: title || entity || "Details" }),
+          /* @__PURE__ */ jsx(Typography, { variant: "h2", weight: "bold", children: title || "Details" }),
           subtitle && /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: subtitle }),
           normalizedData && effectiveFieldNames && /* @__PURE__ */ jsx(HStack, { gap: "xs", wrap: true, children: effectiveFieldNames.filter(
             (f) => f.toLowerCase().includes("status") || f.toLowerCase().includes("priority")
@@ -7608,6 +7590,23 @@ var Form = ({
   const resolvedSubmitLabel = submitLabel ?? t("common.save");
   const resolvedCancelLabel = cancelLabel ?? t("common.cancel");
   const normalizedInitialData = initialData ?? {};
+  const entityName = typeof entity === "string" ? entity : entity?.name;
+  const entityDerivedFields = React41__default.useMemo(() => {
+    if (fields && fields.length > 0) return void 0;
+    if (!entity || typeof entity === "string") return void 0;
+    return entity.fields.map(
+      (f) => ({
+        name: f.name,
+        type: f.type,
+        required: f.required,
+        defaultValue: f.default,
+        values: f.values,
+        min: f.min,
+        max: f.max,
+        relation: f.relation ? { entity: f.relation.entity } : void 0
+      })
+    );
+  }, [entity, fields]);
   const conditionalFields = typeof conditionalFieldsRaw === "boolean" ? {} : conditionalFieldsRaw;
   const hiddenCalculations = typeof hiddenCalculationsRaw === "boolean" ? [] : hiddenCalculationsRaw;
   const violationTriggers = typeof violationTriggersRaw === "boolean" ? [] : violationTriggersRaw;
@@ -7723,9 +7722,9 @@ var Form = ({
   };
   const handleSubmit = (e) => {
     e.preventDefault();
-    eventBus.emit(`UI:${submitEvent}`, { data: formData, entity });
+    eventBus.emit(`UI:${submitEvent}`, { data: formData });
     if (onSubmit) {
-      eventBus.emit(`UI:${onSubmit}`, { data: formData, entity });
+      eventBus.emit(`UI:${onSubmit}`, { data: formData });
     }
   };
   const handleCancel = () => {
@@ -7755,25 +7754,26 @@ var Form = ({
     },
     [formData, isFieldVisible, relationsData, relationsLoading, isLoading]
   );
+  const effectiveFields = entityDerivedFields ?? fields;
   const normalizedFields = React41__default.useMemo(() => {
-    if (!fields || fields.length === 0) return [];
-    return fields.map((field) => {
+    if (!effectiveFields || effectiveFields.length === 0) return [];
+    return effectiveFields.map((field) => {
       if (typeof field === "string") {
         return { name: field, type: "string" };
       }
       return field;
     });
-  }, [fields]);
+  }, [effectiveFields]);
   const schemaFields = React41__default.useMemo(() => {
     if (normalizedFields.length === 0) return null;
     if (isDebugEnabled()) {
-      debugGroup(`Form: ${entity || "unknown"}`);
+      debugGroup(`Form: ${entityName || "unknown"}`);
       debug(`Fields count: ${normalizedFields.length}`);
       debug("Conditional fields:", Object.keys(conditionalFields));
       debugGroupEnd();
     }
     return normalizedFields.map(renderField).filter(Boolean);
-  }, [normalizedFields, renderField, entity, conditionalFields]);
+  }, [normalizedFields, renderField, entityName, conditionalFields]);
   const sectionElements = React41__default.useMemo(() => {
     if (!sections || sections.length === 0) return null;
     return sections.map((section) => {
@@ -8049,7 +8049,6 @@ var CardGrid = ({
   children,
   // EntityDisplayProps
   entity,
-  data: externalData,
   isLoading = false,
   error = null,
   page,
@@ -8065,40 +8064,30 @@ var CardGrid = ({
   const eventBus = useEventBus();
   const effectiveFieldNames = normalizeFields(fields).length > 0 ? normalizeFields(fields) : fieldNames ?? normalizeFields(columns);
   const gridTemplateColumns = `repeat(auto-fit, minmax(min(${minCardWidth}px, 100%), 1fr))`;
-  const normalizedData = Array.isArray(externalData) ? externalData : externalData ? [externalData] : [];
+  const normalizedData = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const resolvedPage = page ?? 1;
   const resolvedTotalPages = totalCount && pageSize ? Math.ceil(totalCount / pageSize) : 1;
   const handlePageChange = (newPage) => {
     eventBus.emit("UI:PAGINATE", { page: newPage, pageSize });
   };
   const handleCardClick = (itemData) => {
-    eventBus.emit("UI:VIEW", { row: itemData, entity });
+    eventBus.emit("UI:VIEW", { row: itemData });
   };
   const renderContent = () => {
     if (children) {
       return children;
     }
     if (isLoading) {
-      return /* @__PURE__ */ jsx(Box, { className: "col-span-full text-center py-8 text-[var(--color-muted-foreground)]", children: /* @__PURE__ */ jsxs(Typography, { variant: "body", color: "secondary", children: [
-        "Loading ",
-        entity || "items",
-        "..."
-      ] }) });
+      return /* @__PURE__ */ jsx(Box, { className: "col-span-full text-center py-8 text-[var(--color-muted-foreground)]", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: "Loading items..." }) });
     }
     if (error) {
       return /* @__PURE__ */ jsx(Box, { className: "col-span-full text-center py-8 text-[var(--color-error)]", children: /* @__PURE__ */ jsxs(Typography, { variant: "body", color: "error", children: [
-        "Error loading ",
-        entity || "items",
-        ": ",
+        "Error loading items: ",
         error.message
       ] }) });
     }
     if (normalizedData.length === 0) {
-      return /* @__PURE__ */ jsx(Box, { className: "col-span-full text-center py-8 text-[var(--color-muted-foreground)]", children: /* @__PURE__ */ jsxs(Typography, { variant: "body", color: "secondary", children: [
-        "No ",
-        entity || "items",
-        " found"
-      ] }) });
+      return /* @__PURE__ */ jsx(Box, { className: "col-span-full text-center py-8 text-[var(--color-muted-foreground)]", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: "No items found" }) });
     }
     return normalizedData.map((item, index) => {
       const itemData = item;
@@ -8111,11 +8100,11 @@ var CardGrid = ({
             const value = getNestedValue(itemData, field);
             return value !== void 0 && value !== null ? String(value) : "";
           });
-          eventBus.emit("UI:NAVIGATE", { url, row: itemData, entity });
+          eventBus.emit("UI:NAVIGATE", { url, row: itemData });
           return;
         }
         if (action.event) {
-          eventBus.emit(`UI:${action.event}`, { row: itemData, entity });
+          eventBus.emit(`UI:${action.event}`, { row: itemData });
         }
         if (action.onClick) {
           action.onClick(itemData);
@@ -8195,32 +8184,25 @@ function MasterDetail({
   masterFields = [],
   detailFields: _detailFields,
   // Captured but not used here - detail handled separately
-  data: externalData,
   loading: externalLoading,
   isLoading: externalIsLoading,
   error: externalError,
   className,
   ...rest
 }) {
-  const shouldAutoFetch = !!entity && !externalData;
-  const { data: fetchedData, isLoading: fetchLoading, error: fetchError } = useEntityList(
-    shouldAutoFetch ? entity : void 0,
-    { skip: !shouldAutoFetch }
-  );
-  const data = externalData ?? fetchedData;
-  const loading = externalLoading ?? (shouldAutoFetch ? fetchLoading : false);
-  const isLoading = externalIsLoading ?? (shouldAutoFetch ? fetchLoading : false);
-  const error = externalError ?? (shouldAutoFetch ? fetchError : null);
+  const loading = externalLoading ?? false;
+  const isLoading = externalIsLoading ?? false;
+  const error = externalError ?? null;
   return /* @__PURE__ */ jsx(
     DataTable,
     {
       columns: masterFields,
-      data,
+      entity,
       isLoading: loading || isLoading,
       error,
       className,
-      emptyTitle: `No ${entity || "items"} found`,
-      emptyDescription: `Create your first ${entity?.toLowerCase() || "item"} to get started.`,
+      emptyTitle: "No items found",
+      emptyDescription: "Create your first item to get started.",
       ...rest
     }
   );