@dreamtree-org/twreact-ui 1.1.12 → 1.1.14

package/dist/index.esm.js

@@ -4326,7 +4326,7 @@ function ActionMenu(_ref) {
     }
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "p-1"
-  }, actions.length === 0 ? /*#__PURE__*/React__default.createElement("div", {
+  }, !Array.isArray(actions) || actions.length === 0 ? /*#__PURE__*/React__default.createElement("div", {
     className: "px-3 py-2 text-sm text-gray-500"
   }, "No actions") : actions.map(function (action) {
     return /*#__PURE__*/React__default.createElement("div", {
@@ -4394,14 +4394,15 @@ function TableRow(_ref) {
     rowIndex: globalIndex
   }) : "";
   var safeExtraRowClass = typeof extraRowClass === "string" ? extraRowClass.trim() : "";
-  var stripeBg = stripedRows && !isSelected ? theme.stripedColors[globalIndex % theme.stripedColors.length] : undefined;
+  var stripeColors = theme === null || theme === void 0 ? void 0 : theme.stripedColors;
+  var stripeBg = stripedRows && !isSelected && Array.isArray(stripeColors) && stripeColors.length > 0 ? stripeColors[globalIndex % stripeColors.length] : undefined;
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
     key: key
   }, /*#__PURE__*/React__default.createElement("tr", {
     style: stripeBg ? {
       backgroundColor: stripeBg
     } : undefined,
-    className: cn$1(["hover:" + theme.rowHover], {
+    className: cn$1(theme !== null && theme !== void 0 && theme.rowHover ? ["hover:" + theme.rowHover] : [], {
       "cursor-pointer": !!onRowClick,
       "bg-primary-50": isSelected
     }, safeExtraRowClass),
@@ -4527,7 +4528,7 @@ function MobileCard(_ref) {
     rowIndex: globalIndex
   }) : "";
   var safeExtraRowClass = typeof extraRowClass === "string" ? extraRowClass.trim() : "";
-  var stripeBg = stripedRows && !isSelected ? stripedColors[globalIndex % stripedColors.length] : undefined;
+  var stripeBg = stripedRows && !isSelected && Array.isArray(stripedColors) && stripedColors.length > 0 ? stripedColors[globalIndex % stripedColors.length] : undefined;
   return /*#__PURE__*/React__default.createElement("div", {
     key: key,
     style: stripeBg ? {
@@ -4834,10 +4835,11 @@ var Table = function Table(_ref) {
     });
   }, [columnsState]);
   var sortedData = useMemo(function () {
-    if (serverSide || !sortConfig.key) return tableData;
+    var data = Array.isArray(tableData) ? tableData : [];
+    if (serverSide || !sortConfig.key) return data;
     var key = sortConfig.key,
       direction = sortConfig.direction;
-    return _toConsumableArray$1(tableData).sort(function (a, b) {
+    return _toConsumableArray$1(data).sort(function (a, b) {
       var av = a === null || a === void 0 ? void 0 : a[key];
       var bv = b === null || b === void 0 ? void 0 : b[key];
       if (av == null || bv == null) return 0;
@@ -4848,19 +4850,21 @@ var Table = function Table(_ref) {
     });
   }, [tableData, sortConfig, serverSide]);
   var filteredData = useMemo(function () {
-    if (serverSide || !filterable || !Object.keys(filters).length) return sortedData;
+    var data = Array.isArray(sortedData) ? sortedData : [];
+    if (serverSide || !filterable || !Object.keys(filters || {}).length) return data;
     var q = (filters.global || "").toLowerCase();
-    return sortedData.filter(function (row) {
+    return data.filter(function (row) {
       return Object.values(row || {}).some(function (v) {
         return String(v).toLowerCase().includes(q);
       });
     });
   }, [sortedData, filters, filterable, serverSide]);
   var _useMemo = useMemo(function () {
+      var data = Array.isArray(filteredData) ? filteredData : [];
       var start = pagination ? (currentPage - 1) * limit : 0;
-      var end = pagination ? start + limit : filteredData.length;
-      var paginated = !pagination || serverSide ? filteredData : filteredData.slice(start, start + limit);
-      var pages = !pagination ? 1 : serverSide ? Math.max(1, Math.ceil((totalRecords || 0) / limit)) : Math.max(1, Math.ceil(filteredData.length / limit));
+      var end = pagination ? start + limit : data.length;
+      var paginated = !pagination || serverSide ? data : data.slice(start, start + limit);
+      var pages = !pagination ? 1 : serverSide ? Math.max(1, Math.ceil((totalRecords || 0) / limit)) : Math.max(1, Math.ceil(data.length / limit));
       return {
         startIndex: start,
         endIndex: end,
@@ -5054,18 +5058,21 @@ var Table = function Table(_ref) {
     setSearchInput(filters.global || "");
   }, [filters.global]);
 
-  // Shared props for row components
+  // Shared props for row components (MobileCard expects stripedColors array)
+  var safeTheme = theme || DEFAULT_THEME;
+  var stripedColorsArray = Array.isArray(safeTheme.stripedColors) ? safeTheme.stripedColors : DEFAULT_THEME.stripedColors;
   var rowSharedProps = {
     selectedRows: selectedRows,
     expandedRows: expandedRows,
     rowClass: rowClass,
     stripedRows: stripedRows,
-    theme: theme,
+    theme: safeTheme,
+    stripedColors: stripedColorsArray,
     onRowClick: onRowClick,
     hasDetails: hasDetails,
     showSerial: showSerial,
     selectable: selectable,
-    visibleColumns: visibleColumns,
+    visibleColumns: Array.isArray(visibleColumns) ? visibleColumns : [],
     cellClass: cellClass,
     withAction: withAction,
     DetailsComponent: DetailsComponent,

package/dist/index.js

@@ -4346,7 +4346,7 @@ function ActionMenu(_ref) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: "p-1"
-  }, actions.length === 0 ? /*#__PURE__*/React.createElement("div", {
+  }, !Array.isArray(actions) || actions.length === 0 ? /*#__PURE__*/React.createElement("div", {
     className: "px-3 py-2 text-sm text-gray-500"
   }, "No actions") : actions.map(function (action) {
     return /*#__PURE__*/React.createElement("div", {
@@ -4414,14 +4414,15 @@ function TableRow(_ref) {
     rowIndex: globalIndex
   }) : "";
   var safeExtraRowClass = typeof extraRowClass === "string" ? extraRowClass.trim() : "";
-  var stripeBg = stripedRows && !isSelected ? theme.stripedColors[globalIndex % theme.stripedColors.length] : undefined;
+  var stripeColors = theme === null || theme === void 0 ? void 0 : theme.stripedColors;
+  var stripeBg = stripedRows && !isSelected && Array.isArray(stripeColors) && stripeColors.length > 0 ? stripeColors[globalIndex % stripeColors.length] : undefined;
   return /*#__PURE__*/React.createElement(React.Fragment, {
     key: key
   }, /*#__PURE__*/React.createElement("tr", {
     style: stripeBg ? {
       backgroundColor: stripeBg
     } : undefined,
-    className: cn$1(["hover:" + theme.rowHover], {
+    className: cn$1(theme !== null && theme !== void 0 && theme.rowHover ? ["hover:" + theme.rowHover] : [], {
       "cursor-pointer": !!onRowClick,
       "bg-primary-50": isSelected
     }, safeExtraRowClass),
@@ -4547,7 +4548,7 @@ function MobileCard(_ref) {
     rowIndex: globalIndex
   }) : "";
   var safeExtraRowClass = typeof extraRowClass === "string" ? extraRowClass.trim() : "";
-  var stripeBg = stripedRows && !isSelected ? stripedColors[globalIndex % stripedColors.length] : undefined;
+  var stripeBg = stripedRows && !isSelected && Array.isArray(stripedColors) && stripedColors.length > 0 ? stripedColors[globalIndex % stripedColors.length] : undefined;
   return /*#__PURE__*/React.createElement("div", {
     key: key,
     style: stripeBg ? {
@@ -4854,10 +4855,11 @@ var Table = function Table(_ref) {
     });
   }, [columnsState]);
   var sortedData = React.useMemo(function () {
-    if (serverSide || !sortConfig.key) return tableData;
+    var data = Array.isArray(tableData) ? tableData : [];
+    if (serverSide || !sortConfig.key) return data;
     var key = sortConfig.key,
       direction = sortConfig.direction;
-    return _toConsumableArray$1(tableData).sort(function (a, b) {
+    return _toConsumableArray$1(data).sort(function (a, b) {
       var av = a === null || a === void 0 ? void 0 : a[key];
       var bv = b === null || b === void 0 ? void 0 : b[key];
       if (av == null || bv == null) return 0;
@@ -4868,19 +4870,21 @@ var Table = function Table(_ref) {
     });
   }, [tableData, sortConfig, serverSide]);
   var filteredData = React.useMemo(function () {
-    if (serverSide || !filterable || !Object.keys(filters).length) return sortedData;
+    var data = Array.isArray(sortedData) ? sortedData : [];
+    if (serverSide || !filterable || !Object.keys(filters || {}).length) return data;
     var q = (filters.global || "").toLowerCase();
-    return sortedData.filter(function (row) {
+    return data.filter(function (row) {
       return Object.values(row || {}).some(function (v) {
         return String(v).toLowerCase().includes(q);
       });
     });
   }, [sortedData, filters, filterable, serverSide]);
   var _useMemo = React.useMemo(function () {
+      var data = Array.isArray(filteredData) ? filteredData : [];
       var start = pagination ? (currentPage - 1) * limit : 0;
-      var end = pagination ? start + limit : filteredData.length;
-      var paginated = !pagination || serverSide ? filteredData : filteredData.slice(start, start + limit);
-      var pages = !pagination ? 1 : serverSide ? Math.max(1, Math.ceil((totalRecords || 0) / limit)) : Math.max(1, Math.ceil(filteredData.length / limit));
+      var end = pagination ? start + limit : data.length;
+      var paginated = !pagination || serverSide ? data : data.slice(start, start + limit);
+      var pages = !pagination ? 1 : serverSide ? Math.max(1, Math.ceil((totalRecords || 0) / limit)) : Math.max(1, Math.ceil(data.length / limit));
       return {
         startIndex: start,
         endIndex: end,
@@ -5074,18 +5078,21 @@ var Table = function Table(_ref) {
     setSearchInput(filters.global || "");
   }, [filters.global]);
 
-  // Shared props for row components
+  // Shared props for row components (MobileCard expects stripedColors array)
+  var safeTheme = theme || DEFAULT_THEME;
+  var stripedColorsArray = Array.isArray(safeTheme.stripedColors) ? safeTheme.stripedColors : DEFAULT_THEME.stripedColors;
   var rowSharedProps = {
     selectedRows: selectedRows,
     expandedRows: expandedRows,
     rowClass: rowClass,
     stripedRows: stripedRows,
-    theme: theme,
+    theme: safeTheme,
+    stripedColors: stripedColorsArray,
     onRowClick: onRowClick,
     hasDetails: hasDetails,
     showSerial: showSerial,
     selectable: selectable,
-    visibleColumns: visibleColumns,
+    visibleColumns: Array.isArray(visibleColumns) ? visibleColumns : [],
     cellClass: cellClass,
     withAction: withAction,
     DetailsComponent: DetailsComponent,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dreamtree-org/twreact-ui",
-  "version": "1.1.12",
+  "version": "1.1.14",
   "description": "A comprehensive React + Tailwind components library for building modern web apps",
   "author": {
     "name": "Partha Preetham Krishna",