pixel-react 1.5.8 → 1.6.0

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/FieldSet/FieldSet.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import './FieldSet.scss';
+import { fieldSetProps } from './types';
+declare const FieldSet: FC<fieldSetProps>;
+export default FieldSet;

package/lib/components/FieldSet/index.d.ts

@@ -0,0 +1 @@
+export { default } from './FieldSet';

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface fieldSetProps {
+    legendName: string;
+    height: string;
+    width: string;
+    children: ReactNode | string;
+}

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

@@ -54,6 +54,14 @@ export interface FileDropzoneProps {
     validateMIMEType?: boolean;
     width?: number | string;
     height?: number | string;
+    /**
+     *  Returns the accepted files in the state
+     **/
+    getAcceptedFiles?: (files: File[]) => void;
+    /**
+     *  Returns the rejected files in the state
+     **/
+    getRejectedFiles?: (files: FileRejection[]) => void;
 }
 export interface FileState {
     accepted: File[];

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

@@ -1,4 +1,4 @@
 import './MultiSelect.scss';
 import { MultiSelectProps } from './MultiSelectTypes';
-declare const MultiSelect: ({ options, type, selectedOptions, onChange, acceptNewOption, zIndex, label, onSearch, required, disabled, errorMessage, displayCount, placeholderForSearching, variant, onLabelPlusIconClick, onManageLabelsClick, className, highlightedMachine, onSelectButtonClick, labelAccessor, valueAccessor, withSelectButton, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const MultiSelect: ({ options, type, selectedOptions, onChange, acceptNewOption, zIndex, label, onSearch, required, disabled, errorMessage, displayCount, placeholderForSearching, variant, onLabelPlusIconClick, onManageLabelsClick, className, highlightedMachine, onSelectButtonClick, labelAccessor, valueAccessor, withSelectButton, onEnter }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default MultiSelect;

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

@@ -31,5 +31,6 @@ interface MultiSelectProps {
     highlightedMachine?: string | ReactElement;
     labelAccessor?: string;
     valueAccessor?: string;
+    onEnter?: (newOption: string) => void;
 }
 export { Option, MultiSelectProps };

package/lib/components/TableTree/TableTree.d.ts

@@ -1,25 +1,5 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 import './TableTree.scss';
-interface ColumnDataProps {
-    name: string;
-    accessor: string;
-    width: string;
-    isClickable?: boolean;
-    minWidth?: string;
-    cell?: (e: any) => JSX.Element | string | ReactNode;
-    actions?: (e: any) => JSX.Element | string | ReactNode;
-}
-interface ObjectProps {
-    [key: string]: any;
-}
-interface TableTreeProps {
-    select: 'checkbox' | 'radio' | 'none';
-    columnsData: Array<ColumnDataProps>;
-    treeData: Array<ObjectProps>;
-    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>, data: any) => void;
-    onChange?: (e: any, node: any) => void;
-    selected: Array<string>;
-    onPagination?: (node: ObjectProps) => void;
-}
-declare const TableTree: ({ columnsData, treeData, select, onClick, onChange, selected, onPagination, }: TableTreeProps) => import("react/jsx-runtime").JSX.Element;
-export default TableTree;
+import { TreeTableProps } from './types';
+declare const TreeTable: React.FC<TreeTableProps>;
+export default TreeTable;

package/lib/components/TableTree/data.d.ts

@@ -1,11 +1,34 @@
-declare const extendedData: {
-    subModuleCount: number;
-    title: string;
-    scriptCount: number;
-    path: string;
-    expanded: boolean;
-    modifiedOn: string;
-    children: ({
+declare const data: ({
+    node: {
+        subModuleCount: number;
+        title: string;
+        scriptCount: number;
+        path: string;
+        expanded: boolean;
+        modifiedOn: string;
+        children: boolean;
+        lastExecutionOrder: number;
+        imported: boolean;
+        modifiedBy: string;
+        moduleCountWithScript: number;
+        state: string;
+        key: string;
+        ver: number;
+        hierarchy: number;
+        assigneeCount: number;
+        searchKey: string;
+        modifiedByUname: string;
+        executionOrder: number;
+        createdByUname: string;
+        folder: boolean;
+        moduleLevelScriptCount: number;
+        name: string;
+        parentId?: undefined;
+        parentName?: undefined;
+    };
+    level: number;
+} | {
+    node: {
         subModuleCount: number;
         title: string;
         scriptCount: number;
@@ -13,209 +36,13 @@ declare const extendedData: {
         expanded: boolean;
         modifiedOn: string;
         folder: boolean;
-        children: ({
-            ver: number;
-            hierarchy: number;
-            subModuleCount: number;
-            assigneeCount: number;
-            searchKey: string;
-            modifiedByUname: string;
-            title: string;
-            scriptCount: number;
-            executionOrder: number;
-            createdByUname: string;
-            parentId: string;
-            path: string;
-            expanded: boolean;
-            modifiedOn: string;
-            parentName: string;
-            moduleLevelScriptCount: number;
-            lastExecutionOrder: number;
-            imported: boolean;
-            name: string;
-            modifiedBy: string;
-            moduleCountWithScript: number;
-            state: string;
-            key: string;
-            folder: boolean;
-            children: {
-                ver: number;
-                hierarchy: number;
-                subModuleCount: number;
-                assigneeCount: number;
-                searchKey: string;
-                modifiedByUname: string;
-                title: string;
-                scriptCount: number;
-                executionOrder: number;
-                createdByUname: string;
-                parentId: string;
-                path: string;
-                expanded: boolean;
-                modifiedOn: string;
-                parentName: string;
-                moduleLevelScriptCount: number;
-                lastExecutionOrder: number;
-                imported: boolean;
-                name: string;
-                modifiedBy: string;
-                moduleCountWithScript: number;
-                state: string;
-                key: string;
-            }[];
-        } | {
-            subModuleCount: number;
-            title: string;
-            scriptCount: number;
-            path: string;
-            expanded: boolean;
-            modifiedOn: string;
-            folder: boolean;
-            children: {
-                ver: number;
-                hierarchy: number;
-                subModuleCount: number;
-                assigneeCount: number;
-                searchKey: string;
-                modifiedByUname: string;
-                title: string;
-                scriptCount: number;
-                executionOrder: number;
-                createdByUname: string;
-                parentId: string;
-                path: string;
-                expanded: boolean;
-                modifiedOn: string;
-                parentName: string;
-                moduleLevelScriptCount: number;
-                lastExecutionOrder: number;
-                imported: boolean;
-                name: string;
-                modifiedBy: string;
-                moduleCountWithScript: number;
-                state: string;
-                key: string;
-                folder: boolean;
-                children: {
-                    ver: number;
-                    hierarchy: number;
-                    subModuleCount: number;
-                    assigneeCount: number;
-                    searchKey: string;
-                    modifiedByUname: string;
-                    title: string;
-                    scriptCount: number;
-                    executionOrder: number;
-                    createdByUname: string;
-                    parentId: string;
-                    path: string;
-                    expanded: boolean;
-                    modifiedOn: string;
-                    parentName: string;
-                    moduleLevelScriptCount: number;
-                    lastExecutionOrder: number;
-                    imported: boolean;
-                    name: string;
-                    modifiedBy: string;
-                    moduleCountWithScript: number;
-                    state: string;
-                    key: string;
-                }[];
-            }[];
-            ver?: undefined;
-            hierarchy?: undefined;
-            assigneeCount?: undefined;
-            searchKey?: undefined;
-            modifiedByUname?: undefined;
-            executionOrder?: undefined;
-            createdByUname?: undefined;
-            parentId?: undefined;
-            parentName?: undefined;
-            moduleLevelScriptCount?: undefined;
-            lastExecutionOrder?: undefined;
-            imported?: undefined;
-            name?: undefined;
-            modifiedBy?: undefined;
-            moduleCountWithScript?: undefined;
-            state?: undefined;
-            key?: undefined;
-        } | {
-            ver: number;
-            hierarchy: number;
-            subModuleCount: number;
-            assigneeCount: number;
-            searchKey: string;
-            modifiedByUname: string;
-            title: string;
-            scriptCount: number;
-            executionOrder: number;
-            createdByUname: string;
-            parentId: string;
-            path: string;
-            expanded: boolean;
-            modifiedOn: string;
-            parentName: string;
-            moduleLevelScriptCount: number;
-            lastExecutionOrder: number;
-            imported: boolean;
-            name: string;
-            modifiedBy: string;
-            moduleCountWithScript: number;
-            state: string;
-            key: string;
-            folder?: undefined;
-            children?: undefined;
-        } | {
-            subModuleCount: number;
-            title: string;
-            scriptCount: number;
-            path: string;
-            expanded: boolean;
-            modifiedOn: string;
-            folder: boolean;
-            children: {
-                ver: number;
-                hierarchy: number;
-                subModuleCount: number;
-                assigneeCount: number;
-                searchKey: string;
-                modifiedByUname: string;
-                title: string;
-                scriptCount: number;
-                executionOrder: number;
-                createdByUname: string;
-                parentId: string;
-                path: string;
-                expanded: boolean;
-                modifiedOn: string;
-                parentName: string;
-                moduleLevelScriptCount: number;
-                lastExecutionOrder: number;
-                imported: boolean;
-                name: string;
-                modifiedBy: string;
-                moduleCountWithScript: number;
-                state: string;
-                key: string;
-            }[];
-            ver?: undefined;
-            hierarchy?: undefined;
-            assigneeCount?: undefined;
-            searchKey?: undefined;
-            modifiedByUname?: undefined;
-            executionOrder?: undefined;
-            createdByUname?: undefined;
-            parentId?: undefined;
-            parentName?: undefined;
-            moduleLevelScriptCount?: undefined;
-            lastExecutionOrder?: undefined;
-            imported?: undefined;
-            name?: undefined;
-            modifiedBy?: undefined;
-            moduleCountWithScript?: undefined;
-            state?: undefined;
-            key?: undefined;
-        })[];
+        children: boolean;
+        lastExecutionOrder?: undefined;
+        imported?: undefined;
+        modifiedBy?: undefined;
+        moduleCountWithScript?: undefined;
+        state?: undefined;
+        key?: undefined;
         ver?: undefined;
         hierarchy?: undefined;
         assigneeCount?: undefined;
@@ -223,17 +50,14 @@ declare const extendedData: {
         modifiedByUname?: undefined;
         executionOrder?: undefined;
         createdByUname?: undefined;
-        parentId?: undefined;
-        parentName?: undefined;
         moduleLevelScriptCount?: undefined;
-        lastExecutionOrder?: undefined;
-        imported?: undefined;
         name?: undefined;
-        modifiedBy?: undefined;
-        moduleCountWithScript?: undefined;
-        state?: undefined;
-        key?: undefined;
-    } | {
+        parentId?: undefined;
+        parentName?: undefined;
+    };
+    level: number;
+} | {
+    node: {
         ver: number;
         hierarchy: number;
         subModuleCount: number;
@@ -249,7 +73,35 @@ declare const extendedData: {
         expanded: boolean;
         modifiedOn: string;
         parentName: string;
+        moduleLevelScriptCount: number;
+        lastExecutionOrder: number;
+        imported: boolean;
+        name: string;
+        modifiedBy: string;
+        moduleCountWithScript: number;
+        state: string;
+        key: string;
         folder: boolean;
+        children: boolean;
+    };
+    level: number;
+} | {
+    node: {
+        ver: number;
+        hierarchy: number;
+        subModuleCount: number;
+        assigneeCount: number;
+        searchKey: string;
+        modifiedByUname: string;
+        title: string;
+        scriptCount: number;
+        executionOrder: number;
+        createdByUname: string;
+        parentId: string;
+        path: string;
+        expanded: boolean;
+        modifiedOn: string;
+        parentName: string;
         moduleLevelScriptCount: number;
         lastExecutionOrder: number;
         imported: boolean;
@@ -258,56 +110,9 @@ declare const extendedData: {
         moduleCountWithScript: number;
         state: string;
         key: string;
-        children: {
-            subModuleCount: number;
-            title: string;
-            scriptCount: number;
-            path: string;
-            expanded: boolean;
-            modifiedOn: string;
-            folder: boolean;
-            children: {
-                ver: number;
-                hierarchy: number;
-                subModuleCount: number;
-                assigneeCount: number;
-                searchKey: string;
-                modifiedByUname: string;
-                title: string;
-                scriptCount: number;
-                executionOrder: number;
-                createdByUname: string;
-                parentId: string;
-                path: string;
-                expanded: boolean;
-                modifiedOn: string;
-                parentName: string;
-                moduleLevelScriptCount: number;
-                lastExecutionOrder: number;
-                imported: boolean;
-                name: string;
-                modifiedBy: string;
-                moduleCountWithScript: number;
-                state: string;
-                key: string;
-            }[];
-        }[];
-    })[];
-    lastExecutionOrder: number;
-    imported: boolean;
-    modifiedBy: string;
-    moduleCountWithScript: number;
-    state: string;
-    key: string;
-    ver: number;
-    hierarchy: number;
-    assigneeCount: number;
-    searchKey: string;
-    modifiedByUname: string;
-    executionOrder: number;
-    createdByUname: string;
-    folder: boolean;
-    moduleLevelScriptCount: number;
-    name: string;
-}[];
-export default extendedData;
+        children: boolean;
+        folder?: undefined;
+    };
+    level: number;
+})[];
+export default data;

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

@@ -0,0 +1,29 @@
+export interface TreeNode {
+    key: string;
+    [key: string]: any;
+    children?: TreeNode[];
+    expanded?: boolean;
+}
+export interface Column {
+    name: string;
+    accessor: string;
+    width: string;
+    isClickable?: boolean;
+    cell?: (row: any) => JSX.Element | string | null;
+    actions?: (row: any) => JSX.Element[];
+    isTree?: boolean;
+    defaultValue?: string;
+    defaultActions?: () => JSX.Element[];
+}
+export interface TreeTableProps {
+    treeData: any;
+    columnsData: Column[];
+    selected?: string[];
+    select?: 'radio' | 'checkbox' | null;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>, node: TreeNode) => void;
+    onPagination?: (node: TreeNode) => void;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>, row: TreeNode) => void;
+    expandedNodes: string[];
+    onExpand?: (_isExpanded: boolean, node: string) => void;
+    onPaginate: (_direction: 'up' | 'down', id: string) => void;
+}