pixel-react-excel-sheet 1.0.39 → 1.0.40

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pixel-react-excel-sheet",
   "description": "Great for pixel-perfect, design-focused components in React",
-  "version": "1.0.39",
+  "version": "1.0.40",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",
   "types": "lib/index.d.ts",

package/src/components/Excel/ExcelFile/ExcelFile.tsx

@@ -131,7 +131,8 @@ const ExcelFile: React.FC<ExcelFileProps> = ({
     if (payload) {
       const sheetNames = payload.map((e) => e.sheetName);
       setSheetNames(sheetNames);
-      if (checkEmpty(sheetNames.length)) {
+
+      if (!checkEmpty(sheetNames.length)) {
         pageRef.current = sheetNames[0] ? sheetNames[0] : ''; //Ternary is required, must use ''
         setSelectedSheet({
           name: sheetNames[0] ? sheetNames[0] : '', //Ternary is required, must use ''
@@ -152,6 +153,7 @@ const ExcelFile: React.FC<ExcelFileProps> = ({
           { length: maxRows },
           () => Array.from({ length: maxCols }, () => EmptyRow)
         );
+
         json.forEach((row, rowIndex) => {
           row.forEach((cell, colIndex) => {
             if (rowIndex < maxRows && colIndex < maxCols) {
@@ -160,7 +162,7 @@ const ExcelFile: React.FC<ExcelFileProps> = ({
               }
               spreadsheetData[rowIndex][colIndex] = {
                 value: checkVal(cell.value),
-                style: convertStyleToFrontend(cell?.style),
+                style: convertStyleToFrontend(cell?.styles), //TODO remove 's' for Style
                 type: true,
               };
             }

package/src/components/Excel/ExcelFile/ExcelFileComponents/Cell.tsx

@@ -70,7 +70,7 @@ export const Cell: React.FC<Types.CellComponentProps> = ({
   if (data && data.DataViewer) {
     // @ts-ignore
     DataViewer = data.DataViewer;
-  }
+  }  
 
   return (
     <td

package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.tsx

@@ -136,6 +136,8 @@ const Spreadsheet = <CellType extends Types.CellBase>(
   } = props;
   type State = Types.StoreState<CellType>;
 
+    console.log(props.data);
+
   const initialState = React.useMemo(() => {
     const createParser = (props.createFormulaParser ||
       createFormulaParser) as Types.CreateFormulaParser;

package/src/components/Excel/ExcelFile/ExcelFileComponents/reducer.ts

@@ -58,6 +58,9 @@ export default function reducer(
   state: Types.StoreState,
   action: Actions.Action
 ): Types.StoreState {
+  console.log(state.model);
+  console.log(action.type);
+  
   switch (action.type) {
     case Actions.SET_AUTO_FILL: {
       const { autofill } = action.payload;

package/src/components/Excel/ExcelFile.stories.tsx

@@ -34,7 +34,8 @@ export const Default: Story = {
           [
             {
               value: 'Test Sample Data 1',
-              style: {
+              styles: {
+                //TODO remove 's' for Style
                 name: 'Arial',
                 size: 11,
                 bold: true,
@@ -57,7 +58,8 @@ export const Default: Story = {
             },
             {
               value: 'Test Data 2',
-              style: {
+              styles: {
+                //TODO remove 's' for Style
                 name: 'Arial',
                 size: 12,
                 bold: true,
@@ -82,7 +84,8 @@ export const Default: Story = {
           [
             {
               value: 'Test Data 3',
-              style: {
+              styles: {
+                //TODO remove 's' for Style
                 name: 'Arial',
                 size: 11,
                 bold: false,
@@ -105,7 +108,8 @@ export const Default: Story = {
             },
             {
               value: 'Test Sample Data 4',
-              style: {
+              styles: {
+                //TODO remove 's' for Style
                 name: 'Arial',
                 size: 11,
                 bold: false,

package/src/components/Excel/Types.ts

@@ -31,7 +31,7 @@ interface WorkData {
   value: string;
 
   /** Styling options for the cell */
-  style: BackendStyle;
+  styles: BackendStyle; //TODO remove 's' for Style
   type?: boolean;
 }