@martinsura/ui 0.1.7 → 0.1.8

package/dist/index.d.cts

@@ -400,9 +400,9 @@ type GridSelection<T> = {
     onChange: (items: T[]) => void;
 };
 type GridProps<T, TSortField = never, TFilter extends object = Record<string, never>> = {
-    items: T[];
-    totalCount: number;
-    loading: boolean;
+    items?: T[] | null;
+    totalCount?: number | null;
+    loading?: boolean;
     columns: GridColumn<T, TSortField>[];
     grid: GridHandle<TSortField, TFilter>;
     rowKey?: keyof T;

package/dist/index.d.ts

@@ -400,9 +400,9 @@ type GridSelection<T> = {
     onChange: (items: T[]) => void;
 };
 type GridProps<T, TSortField = never, TFilter extends object = Record<string, never>> = {
-    items: T[];
-    totalCount: number;
-    loading: boolean;
+    items?: T[] | null;
+    totalCount?: number | null;
+    loading?: boolean;
     columns: GridColumn<T, TSortField>[];
     grid: GridHandle<TSortField, TFilter>;
     rowKey?: keyof T;

package/dist/index.js

@@ -1739,10 +1739,13 @@ var Pagination = ({ current, pageSize, total, onChange, showPageNumberChanger, s
 };
 var Grid = (props) => {
   const { grid } = props;
+  const items = props.items ?? [];
+  const totalCount = props.totalCount ?? 0;
+  const loading = props.loading ?? false;
   const sc = tableSizeConfig[props.size ?? "middle"];
   const verticalBorders = props.verticalBorders ?? false;
-  const isInitialLoading = props.loading && props.items.length === 0;
-  const isEmpty = !props.loading && props.items.length === 0;
+  const isInitialLoading = loading && items.length === 0;
+  const isEmpty = !loading && items.length === 0;
   const handleSort = (col) => {
     if (col.sortBy === void 0) return;
     const isCurrent = grid.sortBy === col.sortBy;
@@ -1751,20 +1754,20 @@ var Grid = (props) => {
       direction: isCurrent && grid.direction === SortDirection.Asc ? SortDirection.Desc : SortDirection.Asc
     });
   };
-  props.items.map((item) => getKey2(item, props.items, props.rowKey));
+  items.map((item) => getKey2(item, items, props.rowKey));
   const selectedKeys = new Set(
-    (props.selection?.selectedItems ?? []).map((item) => getKey2(item, props.items, props.rowKey))
+    (props.selection?.selectedItems ?? []).map((item) => getKey2(item, items, props.rowKey))
   );
-  const allSelected = props.items.length > 0 && props.items.every((item) => selectedKeys.has(getKey2(item, props.items, props.rowKey)));
-  const someSelected = !allSelected && props.items.some((item) => selectedKeys.has(getKey2(item, props.items, props.rowKey)));
+  const allSelected = items.length > 0 && items.every((item) => selectedKeys.has(getKey2(item, items, props.rowKey)));
+  const someSelected = !allSelected && items.some((item) => selectedKeys.has(getKey2(item, items, props.rowKey)));
   const toggleAll = () => {
     if (!props.selection) return;
-    props.selection.onChange(allSelected ? [] : [...props.items]);
+    props.selection.onChange(allSelected ? [] : [...items]);
   };
   const toggleRow = (item) => {
     if (!props.selection) return;
-    const key = getKey2(item, props.items, props.rowKey);
-    const next = selectedKeys.has(key) ? props.selection.selectedItems.filter((s) => getKey2(s, props.items, props.rowKey) !== key) : [...props.selection.selectedItems, item];
+    const key = getKey2(item, items, props.rowKey);
+    const next = selectedKeys.has(key) ? props.selection.selectedItems.filter((s) => getKey2(s, items, props.rowKey) !== key) : [...props.selection.selectedItems, item];
     props.selection.onChange(next);
   };
   return /* @__PURE__ */ jsxs(
@@ -1776,7 +1779,7 @@ var Grid = (props) => {
         props.className
       ),
       children: [
-        props.loading && !isInitialLoading && /* @__PURE__ */ jsx("div", { className: twMerge("absolute inset-0 z-10 bg-white/60 flex items-center justify-center", props.classNames?.overlay), children: /* @__PURE__ */ jsx(Spinner, { size: "large", color: "primary" }) }),
+        loading && !isInitialLoading && /* @__PURE__ */ jsx("div", { className: twMerge("absolute inset-0 z-10 bg-white/60 flex items-center justify-center", props.classNames?.overlay), children: /* @__PURE__ */ jsx(Spinner, { size: "large", color: "primary" }) }),
         /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: twMerge("w-full border-collapse", props.classNames?.table), children: [
           /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: twMerge("bg-(--ui-primary) text-(--ui-primary-text)", props.classNames?.headerRow), children: [
             props.selection && /* @__PURE__ */ jsx("th", { className: twMerge(sc.th, "w-9", verticalBorders && tableHeaderVerticalBorderClass, props.classNames?.headerCell), children: /* @__PURE__ */ jsx(
@@ -1831,8 +1834,8 @@ var Grid = (props) => {
               className: twMerge("px-3", props.classNames?.emptyCell),
               children: /* @__PURE__ */ jsx(Empty, { size: "compact", text: props.emptyText ?? "\u017D\xE1dn\xE9 z\xE1znamy", className: sc.emptyPy })
             }
-          ) }) : props.items.map((item, rowIdx) => {
-            const key = getKey2(item, props.items, props.rowKey);
+          ) }) : items.map((item, rowIdx) => {
+            const key = getKey2(item, items, props.rowKey);
             const isSelected = selectedKeys.has(key);
             return /* @__PURE__ */ jsxs(
               "tr",
@@ -1906,7 +1909,7 @@ var Grid = (props) => {
           {
             current: grid.pageNumber,
             pageSize: grid.pageSize,
-            total: props.totalCount,
+            total: totalCount,
             showPageNumberChanger: props.showPageNumberChanger ?? false,
             showPageSizeChanger: props.showPageSizeChanger ?? false,
             onChange: (page, pageSize) => grid.onChange({ pageNumber: page, pageSize }),