frame.select 1.1.1 → 1.1.2

package/dist/App.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"AACA,OAAO,WAAW,CAAC;AAInB,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,iBAAS,GAAG,sBAuGX;AAED,eAAe,GAAG,CAAC"}
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"AACA,OAAO,WAAW,CAAC;AAInB,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,iBAAS,GAAG,sBAwGX;AAED,eAAe,GAAG,CAAC"}

package/dist/App.js

@@ -58,8 +58,10 @@ function App() {
     const onClickItem = (item) => {
         window.alert(`Item clicked: ${item.getValue()}\n${JSON.stringify(item.row.original)}`);
     };
-    const onClickBrand = (index) => {
-        window.alert(`Item clicked: ${index}\n${JSON.stringify(brands[index], null, 2)}`);
+    const onClickBrand = (cell, index) => {
+        console.log(`cell:  ${JSON.stringify(cell.row.original, null, 2)}`);
+        const brand = brands.find((b) => b.name === cell.row.original.name);
+        window.alert(`Item clicked: ${index}\n${JSON.stringify(brand, null, 2)}`);
     };
     const [filter, setFilter] = useState('');
     function filterMatches(item, fltr) {

package/dist/components/BrandList.d.ts

@@ -1,10 +1,11 @@
+import { Cell } from '@tanstack/react-table';
 import { TColumn } from './itemTypes';
 import { JSX } from 'react';
 import React from 'react';
 import { TBrandObj } from './types';
 export declare function BrandList(props: {
     brandList: TBrandObj[];
-    onClick?: (index: number) => void;
+    onClick?: (cell: Cell<TBrandObj, unknown>, index: number) => void;
     renderItem?: (item: string) => React.ReactNode;
     extraColumns?: TColumn<TBrandObj>[];
     style?: React.CSSProperties;

package/dist/components/BrandList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BrandList.d.ts","sourceRoot":"","sources":["../../src/components/BrandList.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAe,OAAO,EAAS,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,GAAG,EAA6C,MAAM,OAAO,CAAC;AACvE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,wBAAgB,SAAS,CAAC,KAAK,EAAE;IAC/B,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/C,YAAY,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;IACpC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,GAAG,GAAG,CAAC,OAAO,CAmLd"}
+{"version":3,"file":"BrandList.d.ts","sourceRoot":"","sources":["../../src/components/BrandList.tsx"],"names":[],"mappings":"AASA,OAAO,EAIL,IAAI,EAIL,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAe,OAAO,EAAS,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,GAAG,EAA6C,MAAM,OAAO,CAAC;AACvE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,wBAAgB,SAAS,CAAC,KAAK,EAAE;IAC/B,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/C,YAAY,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;IACpC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,GAAG,GAAG,CAAC,OAAO,CAmLd"}

package/dist/components/BrandList.js

@@ -60,9 +60,9 @@ export function BrandList(props) {
             columns.push(col.column);
         }
     });
-    const onClick = (index) => () => {
+    const onClick = (cell, index) => () => {
         if (props.onClick) {
-            props.onClick?.(index);
+            props.onClick?.(cell, index);
         }
         else {
             console.log(`Clicked item index: ${index}`);
@@ -91,7 +91,7 @@ export function BrandList(props) {
         const cll = cell.getValue();
         if (cell.column.columnDef.header === defaultHeader) {
             cellContent = (React.createElement(TableCell, { style: { backgroundColor: 'white', padding: 2 }, key: cell.id },
-                React.createElement(Button, { onClick: onClick(cell.row.index) }, props.renderItem
+                React.createElement(Button, { onClick: onClick(cell, cell.row.index) }, props.renderItem
                     ? props.renderItem(cll)
                     : flexRender(cell.column.columnDef.cell, cell.getContext()))));
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frame.select",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "A React component for selecting items from a list with a search bar.",
   "license": "MIT",
   "type": "module",
@@ -46,7 +46,7 @@
     "jsdom": "^27.3.0",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.49.0",
-    "vite": "^7.2.7",
+    "vite": "^7.3.0",
     "vitest": "^4.0.15"
   }
 }