pixel-react 1.5.8 → 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/LabelEditTextField.stories.d.ts

@@ -6,8 +6,6 @@ declare const meta: Meta<typeof LabelEditTextField>;
 type Story = StoryObj<typeof LabelEditTextField>;
 export declare const textField: Story;
 export declare const textFieldWithOutLabel: Story;
-export declare const openTextFieldWithOutLabel: Story;
 export declare const textFieldWithDropdown: Story;
 export declare const textFieldWithHighlight: Story;
-export declare const openLabelEditTextField: Story;
 export default meta;

package/lib/components/MultiSelect/MultiSelect.stories.d.ts

@@ -7,5 +7,4 @@ export declare const Default2: Story;
 export declare const Default3: Story;
 export declare const EmailGroup: Story;
 export declare const Controlled: Story;
-export declare const Labels: Story;
 export default meta;

package/lib/components/Select/Select.stories.d.ts

@@ -10,5 +10,4 @@ export declare const Disable: Story;
 export declare const WithInitialValue: Story;
 export declare const OptionSelection: Story;
 export declare const CustomJSX: Story;
-export declare const updateOptionFromOutside: Story;
 export default meta;

package/lib/index.d.ts

@@ -2175,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>;