pixel-react 1.5.7 → 1.5.9

package/.storybook/main.ts

@@ -21,12 +21,6 @@ const config: StorybookConfig = {
 
   typescript: {
     reactDocgen: 'react-docgen-typescript'
-  },
-
-  viteFinal: async (config) => {
-    // Ensure Vite processes font files
-    config.assetsInclude = [/\.(woff2?|eot|ttf|otf)$/];
-    return config;
-  },
+  }
 };
 export default config;

package/.storybook/preview-head.html

@@ -0,0 +1,3 @@
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

package/index.scss

@@ -0,0 +1,5 @@
+/* global.css or component CSS */
+body {
+    font-family: 'Poppins', sans-serif;
+  }
+  

package/lib/components/Excel/ExcelFile/ExcelFile.d.ts

@@ -14,7 +14,7 @@ interface ExcelFileProps {
     /** Controls whether the toolbar is shown, disabled, or hidden */
     toolbar?: 'show' | 'disable' | 'hide';
     /** Callback function to save the Excel data */
-    onSave?: (excelData?: any) => void;
+    onSave?: (saveData: any) => void;
 }
 declare const ExcelFile: React.FC<ExcelFileProps>;
 export default ExcelFile;

package/lib/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import * as Types from './types';
-declare const ColumnIndicator: Types.ColumnIndicatorComponent;
-export default ColumnIndicator;
 export declare const enhance: (ColumnIndicatorComponent: Types.ColumnIndicatorComponent) => React.FC<Omit<Types.ColumnIndicatorProps, "selected" | "onSelect">>;
+declare const EnhancedColumnIndicator: React.FC<Omit<Types.ColumnIndicatorProps, "selected" | "onSelect">>;
+export default EnhancedColumnIndicator;

package/lib/components/Excel/ExcelFile/ExcelFileComponents/actions.d.ts

@@ -38,9 +38,25 @@ export declare const ADD_ROW_TOP = "ADD_ROW_TOP";
 export declare const ADD_COLUMN_LEFT = "ADD_COLUMN_LEFT";
 export declare const DELETE_ROW = "DELETE_ROW";
 export declare const DELETE_COLUMN = "DELETE_COLUMN";
+export declare const SET_ROW_HEIGHT = "SET_ROW_HEIGHT";
+export declare const SET_COLUMN_POSITION = "SET_COLUMN_POSITION";
 export type BaseAction<T extends string> = {
     type: T;
 };
+export type SetRowHeight = BaseAction<typeof SET_ROW_HEIGHT> & {
+    payload: {
+        row: number;
+        height: number;
+    };
+};
+export declare function setRowHeight(row: number, height: number): SetRowHeight;
+export type SetColumnPosition = BaseAction<typeof SET_COLUMN_POSITION> & {
+    payload: {
+        column: number;
+        width: number;
+    };
+};
+export declare function setColumnPosition(column: number, width: number): SetColumnPosition;
 export type BoldStyle = BaseAction<typeof BOLD> & {
     payload: {
         data: Matrix<CellBase>;
@@ -228,4 +244,4 @@ export type ClearAction = BaseAction<typeof CLEAR>;
 export declare function clear(): ClearAction;
 export type BlurAction = BaseAction<typeof BLUR>;
 export declare function blur(): BlurAction;
-export type Action = SetDataAction | SetCreateFormulaParserAction | SelectEntireRowAction | SelectEntireColumnAction | SelectEntireWorksheetAction | SetSelectionAction | SelectAction | ActivateAction | SetCellDataAction | SetCellDimensionsAction | PasteAction | KeyDownAction | DragStartAction | DragEndAction | CommitAction | CopyAction | CutAction | EditAction | ViewAction | ClearAction | UnderlineTypeStyle | FontSize | FontFamily | TextAlignType | BorderType | ItalicStyle | BoldStyle | ColorStyle | BackgroundStyle | FormatePainterStyle | AddRowTop | AddColumnLeft | DeleteRow | DeleteColumn | BlurAction;
+export type Action = SetDataAction | SetCreateFormulaParserAction | SelectEntireRowAction | SelectEntireColumnAction | SelectEntireWorksheetAction | SetSelectionAction | SelectAction | ActivateAction | SetCellDataAction | SetCellDimensionsAction | PasteAction | KeyDownAction | DragStartAction | DragEndAction | CommitAction | CopyAction | CutAction | EditAction | ViewAction | ClearAction | UnderlineTypeStyle | FontSize | FontFamily | TextAlignType | BorderType | ItalicStyle | BoldStyle | ColorStyle | BackgroundStyle | FormatePainterStyle | AddRowTop | AddColumnLeft | DeleteRow | DeleteColumn | SetRowHeight | SetColumnPosition | BlurAction;

package/lib/components/Excel/Types.d.ts

@@ -24,9 +24,30 @@ interface WorkData {
     /** Value of the cell */
     value: string;
     /** Styling options for the cell */
-    style: React.CSSProperties;
+    style: BackendStyle;
     type?: boolean;
 }
+type BackendStyle = {
+    name: string;
+    size: number;
+    bold: boolean;
+    italic: boolean;
+    color: string;
+    backgroundColor: string;
+    borderColor: string;
+    underline: string;
+    border: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+    alignment: {
+        horizontal: string;
+        vertical: string;
+        wrapText: boolean;
+    };
+};
 /** A generic type to represent a 2D matrix of any type (or undefined values) */
 type Matrix<T> = (T | undefined)[][];
 interface ContextAction {

package/lib/components/Excel/dataConversion.d.ts

@@ -0,0 +1,3 @@
+export declare const getTextDecorationBack: (textDecoration: string) => "solid" | "dotted" | "dashed" | "wavy" | "NONE";
+export declare function convertStyleToFrontend(backendStyle: BackendStyle): React.CSSProperties;
+export declare const convertStyleToBackend: (frontendStyle: React.CSSProperties) => BackendStyle;

package/lib/components/LabelEditTextField/types.d.ts

@@ -38,4 +38,9 @@ export interface LabelEditTextFieldTypes {
     isOpen?: boolean;
     /**for conditionally handle custom error */
     customErrorCondition?: boolean;
+    onClick?: () => void;
+    tooltip?: {
+        tooltipTitle?: string;
+        tooltipPlacement?: string;
+    };
 }

package/lib/components/MiniModal/types.d.ts

@@ -4,6 +4,7 @@ interface ModalDimensions {
     height?: number;
     borderRadius?: number;
     zIndex?: number;
+    boxShadow?: string;
 }
 export interface MiniEditModalProps {
     /**
@@ -90,7 +91,15 @@ export interface MiniEditModalProps {
     wrapperProperties?: {
         width?: number;
         zIndex?: number;
+        boxShadow?: string;
     };
+    arrowZIndex?: number;
+    overlay?: {
+        isOverlay?: boolean;
+        zIndexOverlay?: number;
+        backgroundColorOverlay?: string;
+    };
+    outSideClick?: any;
 }
 export interface Rect {
     top: number;

package/lib/index.d.ts

@@ -1352,6 +1352,7 @@ interface ModalDimensions {
     height?: number;
     borderRadius?: number;
     zIndex?: number;
+    boxShadow?: string;
 }
 interface MiniEditModalProps {
     /**
@@ -1438,7 +1439,15 @@ interface MiniEditModalProps {
     wrapperProperties?: {
         width?: number;
         zIndex?: number;
+        boxShadow?: string;
+    };
+    arrowZIndex?: number;
+    overlay?: {
+        isOverlay?: boolean;
+        zIndexOverlay?: number;
+        backgroundColorOverlay?: string;
     };
+    outSideClick?: any;
 }
 
 declare const MiniModal: React$1.ForwardRefExoticComponent<MiniEditModalProps & React$1.RefAttributes<HTMLDivElement>>;
@@ -2088,6 +2097,11 @@ interface LabelEditTextFieldTypes$1 {
     isOpen?: boolean;
     /**for conditionally handle custom error */
     customErrorCondition?: boolean;
+    onClick?: () => void;
+    tooltip?: {
+        tooltipTitle?: string;
+        tooltipPlacement?: string;
+    };
 }
 
 declare const LabelEditTextField: FC<LabelEditTextFieldTypes$1>;
@@ -2161,7 +2175,7 @@ interface ExcelFileProps {
     /** Controls whether the toolbar is shown, disabled, or hidden */
     toolbar?: 'show' | 'disable' | 'hide';
     /** Callback function to save the Excel data */
-    onSave?: (excelData?: any) => void;
+    onSave?: (saveData: any) => void;
 }
 declare const ExcelFile: React__default.FC<ExcelFileProps>;