@martinsura/ui 0.1.7 → 0.1.9

package/dist/index.cjs

@@ -1660,6 +1660,12 @@ function useGrid(defaults, storageKey) {
   };
   return { ...state, onChange, apiQuery };
 }
+function getNestedValue(obj, path) {
+  return path.split(".").reduce((acc, key) => {
+    if (acc == null || typeof acc !== "object") return void 0;
+    return acc[key];
+  }, obj);
+}
 var columnTypeWidth2 = {
   date: 100,
   datetime: 130,
@@ -1745,10 +1751,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;
@@ -1757,20 +1766,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__ */ jsxRuntime.jsxs(
@@ -1782,7 +1791,7 @@ var Grid = (props) => {
         props.className
       ),
       children: [
-        props.loading && !isInitialLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("absolute inset-0 z-10 bg-white/60 flex items-center justify-center", props.classNames?.overlay), children: /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: "large", color: "primary" }) }),
+        loading && !isInitialLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("absolute inset-0 z-10 bg-white/60 flex items-center justify-center", props.classNames?.overlay), children: /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: "large", color: "primary" }) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: tailwindMerge.twMerge("w-full border-collapse", props.classNames?.table), children: [
           /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: tailwindMerge.twMerge("bg-(--ui-primary) text-(--ui-primary-text)", props.classNames?.headerRow), children: [
             props.selection && /* @__PURE__ */ jsxRuntime.jsx("th", { className: tailwindMerge.twMerge(sc.th, "w-9", verticalBorders && tableHeaderVerticalBorderClass, props.classNames?.headerCell), children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1837,8 +1846,8 @@ var Grid = (props) => {
               className: tailwindMerge.twMerge("px-3", props.classNames?.emptyCell),
               children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
               "tr",
@@ -1869,7 +1878,7 @@ var Grid = (props) => {
                     }
                   ),
                   props.columns.map((col, colIdx) => {
-                    const content = col.render ? col.render(item) : col.dataField ? formatCellValue(item[col.dataField], col.type) : null;
+                    const content = col.render ? col.render(item) : col.dataField ? formatCellValue(getNestedValue(item, col.dataField), col.type) : null;
                     const centeredContent = col.align === "center";
                     const rightAlignedContent = col.align === "right";
                     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1912,7 +1921,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 }),
@@ -5357,6 +5366,7 @@ exports.TreeSelectInput = TreeSelectInput;
 exports.UploadInput = UploadInput;
 exports.UploadProvider = UploadProvider;
 exports.getIcon = getIcon;
+exports.getNestedValue = getNestedValue;
 exports.initUI = initUI;
 exports.notification = notification;
 exports.registerIcons = registerIcons;