strivui 1.22.62 → 1.22.63

package/dist/index.esm.js

@@ -436,23 +436,35 @@ var Dialog = function Dialog(_ref7) {
 function SectionList(_ref9) {
   var sections = _ref9.sections,
     renderItem = _ref9.renderItem,
-    renderSectionHeader = _ref9.renderSectionHeader;
+    renderSectionHeader = _ref9.renderSectionHeader,
+    keyExtractor = _ref9.keyExtractor;
+  if (!renderItem) {
+    console.error("SectionList requires renderItem");
+    return null;
+  }
   return jsx("div", {
-    className: "space-y-4",
-    children: sections.map(function (section, i) {
+    className: "strivui-sectionlist",
+    children: sections.map(function (section, sectionIndex) {
       return jsxs("div", {
-        children: [renderSectionHeader ? renderSectionHeader(section.title, i) : jsx("h4", {
+        children: [renderSectionHeader ? renderSectionHeader({
+          title: section.title,
+          sectionIndex: sectionIndex
+        }) : jsx("h4", {
           className: "text-lg font-semibold mb-2",
           children: section.title
         }), jsx("div", {
           className: "space-y-2",
-          children: section.data.map(function (item, j) {
+          children: section.data.map(function (item, index) {
+            var key = keyExtractor ? keyExtractor(item, index) : "".concat(sectionIndex, "-").concat(index);
             return jsx("div", {
-              children: renderItem(item, j)
-            }, j);
+              children: renderItem({
+                item: item,
+                index: index
+              })
+            }, key);
           })
         })]
-      }, i);
+      }, sectionIndex);
     })
   });
 }

package/dist/index.js

@@ -438,23 +438,35 @@ var Dialog = function Dialog(_ref7) {
 function SectionList(_ref9) {
   var sections = _ref9.sections,
     renderItem = _ref9.renderItem,
-    renderSectionHeader = _ref9.renderSectionHeader;
+    renderSectionHeader = _ref9.renderSectionHeader,
+    keyExtractor = _ref9.keyExtractor;
+  if (!renderItem) {
+    console.error("SectionList requires renderItem");
+    return null;
+  }
   return jsxRuntime.jsx("div", {
-    className: "space-y-4",
-    children: sections.map(function (section, i) {
+    className: "strivui-sectionlist",
+    children: sections.map(function (section, sectionIndex) {
       return jsxRuntime.jsxs("div", {
-        children: [renderSectionHeader ? renderSectionHeader(section.title, i) : jsxRuntime.jsx("h4", {
+        children: [renderSectionHeader ? renderSectionHeader({
+          title: section.title,
+          sectionIndex: sectionIndex
+        }) : jsxRuntime.jsx("h4", {
           className: "text-lg font-semibold mb-2",
           children: section.title
         }), jsxRuntime.jsx("div", {
           className: "space-y-2",
-          children: section.data.map(function (item, j) {
+          children: section.data.map(function (item, index) {
+            var key = keyExtractor ? keyExtractor(item, index) : "".concat(sectionIndex, "-").concat(index);
             return jsxRuntime.jsx("div", {
-              children: renderItem(item, j)
-            }, j);
+              children: renderItem({
+                item: item,
+                index: index
+              })
+            }, key);
           })
         })]
-      }, i);
+      }, sectionIndex);
     })
   });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "strivui",
-  "version": "1.22.62",
+  "version": "1.22.63",
   "scripts": {
     "build": "npx sass app/styles/striveui.scss dist/striveui.css && rollup -c",
     "clean": "rimraf dist"