frame.select 1.1.3 → 1.1.4

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;AAU1B,iBAAS,GAAG,sBA6LX;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;AAU1B,iBAAS,GAAG,sBA4KX;AAED,eAAe,GAAG,CAAC"}

package/dist/App.js

@@ -92,19 +92,19 @@ function App() {
         }));
     }
     const brandColumnHelper = createColumnHelper();
-    const extraBrandColumns = [
+    const brandColumns = [
         brandColumnHelper.accessor((row) => row.description, {
             header: 'description',
             cell: (info) => React.createElement("div", null, info.getValue()),
         }),
     ];
-    const brandColWidth = [
+    const extraBrandColumns = [
         {
-            column: extraBrandColumns[0],
+            column: brandColumns[0],
         },
     ];
     const frameColumnHelper = createColumnHelper();
-    const extraFrameColumns = [
+    const frameColumns = [
         frameColumnHelper.accessor((row) => row.length.toString(), {
             header: 'length',
             cell: (info) => React.createElement("div", null, info.getValue()),
@@ -115,17 +115,14 @@ function App() {
             cell: (info) => React.createElement("div", null, info.getValue()),
         }),
     ];
-    const frameColWidth = [
+    const extraFrameColumns = [
         {
-            column: extraFrameColumns[0],
+            column: frameColumns[0],
         },
         {
-            column: extraFrameColumns[1],
+            column: frameColumns[1],
         },
     ];
-    const onClickItem = (item) => {
-        window.alert(`Item clicked: ${item.getValue()}\n${JSON.stringify(item.row.original)}`);
-    };
     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);
@@ -137,9 +134,6 @@ function App() {
     const onClickFrame = (cell, index) => {
         window.alert(`Frame clicked: ${JSON.stringify(cell.row.original)} at index ${index}`);
     };
-    // const onClickFrame = (frame: string, index: number) => {
-    //   window.alert(`Frame clicked: ${frame} at index ${index}`);
-    // };
     const [filter, setFilter] = useState('');
     function filterMatches(item, fltr) {
         const match = item.name
@@ -147,20 +141,13 @@ function App() {
             .includes(fltr ? fltr.toLowerCase() : '');
         return match;
     }
-    const tItemFilter = {
-        property: 'name',
-        filter,
-        setFilter,
-        filterMatches,
-        placeholder: 'Filter Brands',
-    };
-    // const renderItem = (item: string) => <h4>{item}</h4>;
+    const renderItem = (item) => React.createElement("h4", null, item);
     return (React.createElement(React.Fragment, null,
         React.createElement("h1", null, "Brand List"),
         React.createElement(BrandList, { brandList: brands, onClick: onClickBrand, 
             // renderItem={renderItem}
-            extraColumns: brandColWidth }),
+            extraColumns: extraBrandColumns }),
         React.createElement("h2", null, "Frame List"),
-        React.createElement(FrameList, { frameList: convertFrames(brand), onClick: onClickFrame, extraColumns: frameColWidth, style: { border: '1px solid black', padding: '10px' } })));
+        React.createElement(FrameList, { frameList: convertFrames(brand), onClick: onClickFrame, extraColumns: extraFrameColumns, style: { border: '1px solid black', padding: '10px' } })));
 }
 export default App;

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { default as ItemList } from './components/ItemList';
 export type { TColumn, TItem, TItemFilter } from './components/itemTypes';
 export { BrandList } from './components/BrandList';
-export type { TBrandObj } from './components/types';
+export { FrameList } from './components/FrameList';
+export type { TBrandObj, TFrameObj } from './components/types';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/index.js

@@ -1,2 +1,3 @@
 export { default as ItemList } from './components/ItemList';
 export { BrandList } from './components/BrandList';
+export { FrameList } from './components/FrameList';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frame.select",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "A React component for selecting items from a list with a search bar.",
   "license": "MIT",
   "type": "module",