frame.select 1.2.0 → 1.2.1

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;AAGnB,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,iBAAS,GAAG,sBAsMX;AAED,eAAe,GAAG,CAAC"}
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"AACA,OAAO,WAAW,CAAC;AAGnB,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,iBAAS,GAAG,sBAuMX;AAED,eAAe,GAAG,CAAC"}

package/dist/App.js

@@ -4,7 +4,6 @@ import { useState } from 'react';
 import React from 'react';
 import { BrandList } from './components/BrandList';
 import { FrameList } from './components/FrameList';
-import { Box } from '@mui/material';
 function App() {
     const [brand, setBrand] = useState('');
     const brands = [
@@ -109,10 +108,11 @@ function App() {
             return [];
         }
         return foundFrames.frames.map((frame) => ({
-            id: frame,
+            frame,
             name: frame.substring(18, 23),
-            length: parseInt(frame.substring(23, 25)),
-            width: parseInt(frame.substring(25, 27)),
+            height: frame.substring(23, 25),
+            width: frame.substring(25, 27),
+            rest: frame.substring(27),
         }));
     }
     const brandColumnHelper = createColumnHelper();
@@ -130,8 +130,8 @@ function App() {
     ];
     const frameColumnHelper = createColumnHelper();
     const frameColumns = [
-        frameColumnHelper.accessor((row) => row.length.toString(), {
-            header: 'length',
+        frameColumnHelper.accessor((row) => row.height.toString(), {
+            header: 'height',
             size: 120,
             cell: (info) => React.createElement("div", null, info.getValue()),
         }),
@@ -150,7 +150,7 @@ function App() {
             column: frameColumns[1],
         },
     ];
-    const onClickBrand = (cell, _index) => {
+    const onClickBrand = (cell) => {
         console.log(`cell:  ${JSON.stringify(cell.row.original, null, 2)}`);
         const brand = brands.find((b) => b.name === cell.row.original.name);
         if (brand) {
@@ -162,14 +162,9 @@ function App() {
     };
     return (React.createElement(React.Fragment, null,
         React.createElement("h1", null, "Brand List"),
-        React.createElement(Box, { sx: {
-                width: '400px',
-                overflow: 'hidden',
-                border: '10px solid black',
-            } },
-            React.createElement(BrandList, { brandList: brands, onClick: onClickBrand, 
-                // renderItem={renderItem}
-                extraColumns: extraBrandColumns })),
+        React.createElement(BrandList, { brandList: brands, onClick: onClickBrand, 
+            // renderItem={renderItem}
+            extraColumns: extraBrandColumns }),
         React.createElement("h2", null, "Frame List"),
         React.createElement(FrameList, { frameList: convertFrames(brand, frames), onClick: onClickFrame, extraColumns: extraFrameColumns, style: { border: '1px solid black', padding: '10px' } })));
 }

package/dist/components/types.d.ts

@@ -4,9 +4,10 @@ export type TBrandObj = {
     description: string;
 };
 export type TFrameObj = {
+    frame: string;
     name: string;
-    length: number;
-    width: number;
-    id: string;
+    width: string;
+    height: string;
+    rest: string;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AACF,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AACF,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd,CAAC"}

package/package.json

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