pixel-react 1.2.1 → 1.2.2

package/src/components/ExcelFile/ExcelFile/Excel/selection.ts

@@ -1,6 +1,6 @@
-import { PointRange } from "./point-range";
-import * as Point from "./point";
-import * as Matrix from "./matrix";
+import { PointRange } from './point-range';
+import * as Point from './point';
+import * as Matrix from './matrix';
 
 /** Selection from a spreadsheet */
 export abstract class Selection {
@@ -142,10 +142,10 @@ export abstract class EntireAxisSelection extends EntireSelection {
    */
   constructor(start: number, end: number) {
     if (!isIndex(start)) {
-      throw new InvalidIndexError("start");
+      throw new InvalidIndexError('start');
     }
     if (!isIndex(end)) {
-      throw new InvalidIndexError("end");
+      throw new InvalidIndexError('end');
     }
     super();
     this.start = Math.min(start, end);

package/src/components/ExcelFile/ExcelFile/Excel/types.ts

@@ -1,10 +1,10 @@
-import * as React from "react";
-import FormulaParser from "fast-formula-parser";
-import { Point } from "./point";
-import { Selection } from "./selection";
-import { Model } from "./engine";
-import { PointRange } from "./point-range";
-import { Matrix } from "./matrix";
+import * as React from 'react';
+import FormulaParser from 'fast-formula-parser';
+import { Point } from './point';
+import { Selection } from './selection';
+import { Model } from './engine';
+import { PointRange } from './point-range';
+import { Matrix } from './matrix';
 
 /** The base type of cell data in Spreadsheet */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -15,68 +15,16 @@ export type CellBase<Value = any> = {
   className?: string;
   /** The value of the cell */
   value: Value;
-  // style?: React.CSSProperties; // or any other relevant type
-  style?: CellStyle;
-  type?: boolean; // or any other relevant type
+  // style?: React.CSSProperties;
+  style?: React.CSSProperties | undefined;
+  //type? to check the style is altered or not
+  type?: boolean;
   /** Custom component to render when the cell is edited, if not defined would default to the component defined for the Spreadsheet */
   DataEditor?: DataEditorComponent<CellBase<Value>>;
   /** Custom component to render when the cell is viewed, if not defined would default to the component defined for the Spreadsheet */
   DataViewer?: DataViewerComponent<CellBase<Value>>;
 };
 
-interface CellStyle {
-  /** Font name for the cell text */
-  name?: string;
-
-  /** Font size of the cell text */
-  size?: number;
-
-  position?:string;
-
-
-  /** Whether the text is bold */
-  bold?: boolean;
-
-  /** Whether the text is italicized */
-  italic?: boolean;
-
-  /** Text color in the cell (hex code) */
-  color?: string;
-
-  /** Background color of the cell (hex code) */
-  backgroundColor?: string;
-
-  /** Border color of the cell (hex code) */
-  borderColor?: string;
-
-  /** Border styles for each side of the cell */
-  border?: {
-    /** Border style for the top side of the cell */
-    top: string;
-
-    /** Border style for the bottom side of the cell */
-    bottom: string;
-
-    /** Border style for the left side of the cell */
-    left: string;
-
-    /** Border style for the right side of the cell */
-    right: string;
-  };
-
-  /** Text alignment and wrapping properties */
-  alignment?: {
-    /** Horizontal text alignment ('left', 'center', or 'right') */
-    horizontal: string;
-
-    /** Vertical text alignment ('top', 'middle', or 'bottom') */
-    vertical: string;
-
-    /** Whether the text is wrapped within the cell */
-    wrapText: boolean;
-  };
-}
-
 /**
  * A cell with it's coordinates
  * @deprecated the component does not use cell descriptors anymore. Instead it passes cell point and cell value explicitly.
@@ -87,7 +35,7 @@ export type CellDescriptor<Cell extends CellBase> = {
 } & Point;
 
 /** The spreadsheet's write mode */
-export type Mode = "view" | "edit";
+export type Mode = 'view' | 'edit';
 
 /** Dimensions of an element */
 export type Dimensions = {
@@ -109,10 +57,10 @@ export type StoreState<Cell extends CellBase = CellBase> = {
   cut: boolean;
   active: Point | null;
   mode: Mode;
-  rowDimensions: Record<number, Pick<Dimensions, "height" | "top"> | undefined>;
+  rowDimensions: Record<number, Pick<Dimensions, 'height' | 'top'> | undefined>;
   columnDimensions: Record<
     number,
-    Pick<Dimensions, "width" | "left"> | undefined
+    Pick<Dimensions, 'width' | 'left'> | undefined
   >;
   dragging: boolean;
   lastChanged: Point | null;

package/src/components/ExcelFile/ExcelFile/Excel/typings/fast-formula-parser.d.ts

@@ -1,4 +1,4 @@
-declare module "fast-formula-parser" {
+declare module 'fast-formula-parser' {
   export type CellCoord = {
     row: number;
     col: number;
@@ -34,13 +34,13 @@ declare module "fast-formula-parser" {
     /** Return the formula error in string representation. */
     toString(): string;
 
-    static DIV0 = "#DIV/0!";
-    static NA = "#N/A";
-    static NAME = "#NAME?";
-    static NULL = "#NULL!";
-    static NUM = "#NUM!";
-    static REF = "#REF!";
-    static VALUE = "#VALUE!";
+    static DIV0 = '#DIV/0!';
+    static NA = '#N/A';
+    static NAME = '#NAME?';
+    static NULL = '#NULL!';
+    static NUM = '#NUM!';
+    static REF = '#REF!';
+    static VALUE = '#VALUE!';
   }
 
   export default class FormulaParser {

package/src/components/ExcelFile/ExcelFile/Excel/use-dispatch.ts

@@ -1,5 +1,5 @@
-import { useContextSelector } from "use-context-selector";
-import context, { Dispatch } from "./context";
+import { useContextSelector } from 'use-context-selector';
+import context, { Dispatch } from './context';
 
 function useDispatch(): Dispatch {
   return useContextSelector(context, ([, dispatch]) => dispatch);

package/src/components/ExcelFile/ExcelFile/Excel/use-selector.ts

@@ -1,6 +1,6 @@
-import { useContextSelector } from "use-context-selector";
-import context from "./context";
-import * as Types from "./types";
+import { useContextSelector } from 'use-context-selector';
+import context from './context';
+import * as Types from './types';
 
 function useSelector<T>(selector: (state: Types.StoreState) => T): T {
   return useContextSelector(context, ([state]) => selector(state));

package/src/components/ExcelFile/ExcelFile/Excel/util.ts

@@ -1,13 +1,13 @@
-import * as Types from "./types";
-import * as Matrix from "./matrix";
-import * as Point from "./point";
-import { PointRange } from "./point-range";
-import { Selection } from "./selection";
+import * as Types from './types';
+import * as Matrix from './matrix';
+import * as Point from './point';
+import { PointRange } from './point-range';
+import { Selection } from './selection';
 
-export { createEmpty as createEmptyMatrix } from "./matrix";
+export { createEmpty as createEmptyMatrix } from './matrix';
 
-export const PLAIN_TEXT_MIME = "text/plain";
-export const FOCUS_WITHIN_SELECTOR = ":focus-within";
+export const PLAIN_TEXT_MIME = 'text/plain';
+export const FOCUS_WITHIN_SELECTOR = ':focus-within';
 
 /** Move the cursor of given input element to the input's end */
 export function moveCursorToEnd(el: HTMLInputElement): void {
@@ -18,8 +18,7 @@ export function moveCursorToEnd(el: HTMLInputElement): void {
  * Creates an array of numbers (positive and/or negative) progressing from start up to, but not including, end. A step of -1 is used if a negative start is specified without an end or step. If end is not specified, it's set to start with start then set to 0.
  * @param end - an integer number specifying at which position to stop (not included).
  * @param start - An integer number specifying at which position to start.
- * @param step - An integer number specifying the incrementation
- */
+ * @param step - An integer number specifying the Increment */
 export function range(end: number, start = 0, step = 1): number[] {
   const array = [];
   if (Math.sign(end - start) === -1) {
@@ -36,7 +35,7 @@ export function range(end: number, start = 0, step = 1): number[] {
 
 /** Return whether given point is active */
 export function isActive(
-  active: Types.StoreState["active"],
+  active: Types.StoreState['active'],
   point: Point.Point
 ): boolean {
   return Boolean(active && Point.isEqual(point, active));
@@ -65,19 +64,19 @@ export function readTextFromClipboard(event: ClipboardEvent): string {
   // @ts-ignore
   if (window.clipboardData && window.clipboardData.getData) {
     // @ts-ignore
-    return window.clipboardData.getData("Text");
+    return window.clipboardData.getData('Text');
   }
   if (event.clipboardData && event.clipboardData.getData) {
     return event.clipboardData.getData(PLAIN_TEXT_MIME);
   }
-  return "";
+  return '';
 }
 
 /** Get the dimensions of cell at point from state */
 export function getCellDimensions(
   point: Point.Point,
-  rowDimensions: Types.StoreState["rowDimensions"] | undefined,
-  columnDimensions: Types.StoreState["columnDimensions"] | undefined
+  rowDimensions: Types.StoreState['rowDimensions'] | undefined,
+  columnDimensions: Types.StoreState['columnDimensions'] | undefined
 ): Types.Dimensions | undefined {
   const cellRowDimensions = rowDimensions && rowDimensions[point.row];
   const cellColumnDimensions =
@@ -93,8 +92,8 @@ export function getCellDimensions(
 
 /** Get the dimensions of a range of cells */
 export function getRangeDimensions(
-  rowDimensions: Types.StoreState["rowDimensions"],
-  columnDimensions: Types.StoreState["columnDimensions"],
+  rowDimensions: Types.StoreState['rowDimensions'],
+  columnDimensions: Types.StoreState['columnDimensions'],
   range: PointRange
 ): Types.Dimensions | undefined {
   const startDimensions = getCellDimensions(
@@ -120,8 +119,8 @@ export function getRangeDimensions(
 
 /** Get the dimensions of selected */
 export function getSelectedDimensions(
-  rowDimensions: Types.StoreState["rowDimensions"],
-  columnDimensions: Types.StoreState["columnDimensions"],
+  rowDimensions: Types.StoreState['rowDimensions'],
+  columnDimensions: Types.StoreState['columnDimensions'],
   data: Matrix.Matrix<unknown>,
   selected: Selection
 ): Types.Dimensions | undefined {
@@ -133,7 +132,7 @@ export function getSelectedDimensions(
 
 /** Get given data as CSV */
 export function getCSV(data: Matrix.Matrix<Types.CellBase>): string {
-  const valueMatrix = Matrix.map((cell) => cell?.value || "", data);
+  const valueMatrix = Matrix.map((cell) => cell?.value || '', data);
   return Matrix.join(valueMatrix);
 }
 
@@ -161,7 +160,7 @@ export function shouldHandleClipboardEvent(
   root: Element | null,
   mode: Types.Mode
 ): boolean {
-  return root !== null && mode === "view" && isFocusedWithin(root);
+  return root !== null && mode === 'view' && isFocusedWithin(root);
 }
 
 export function isFocusedWithin(element: Element): boolean {
@@ -169,5 +168,5 @@ export function isFocusedWithin(element: Element): boolean {
 }
 
 export function hasLineBreaker(value: unknown) {
-  return typeof value === "string" && value.includes("\n");
+  return typeof value === 'string' && value.includes('\n');
 }

package/src/components/ExcelFile/ExcelFile/ExcelFile.scss

@@ -1,6 +1,3 @@
-@import '../../../assets/styles/colors';
-@import '../../../assets/styles/rsfonts';
-
 .excel-page {
   width: 100%;
   display: flex;