pixel-react 1.5.9 → 1.6.0

package/lib/components/AddButton/AddButton.d.ts

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

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import AddButton from './AddButton';
+declare const meta: Meta<typeof AddButton>;
+type Story = StoryObj<typeof AddButton>;
+export declare const PrimaryAddButton: Story;
+export default meta;

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

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

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

@@ -0,0 +1,4 @@
+export interface AddButtonProps {
+    name: string;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}

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

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import AttachImage from './AttachImage';
+import { AttachImageProps } from './types';
+declare const meta: Meta<typeof AttachImage>;
+export default meta;
+type Story = StoryObj<AttachImageProps>;
+export declare const Default: Story;

package/lib/components/Charts/BarChart/BarChart.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import BarChart from './BarChart';
+declare const meta: Meta<typeof BarChart>;
+export default meta;
+type Story = StoryObj<typeof BarChart>;
+export declare const BarChartDashboard: Story;

package/lib/components/Charts/IconRadialChart/IconRadialChart.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import IconRadialChart from './IconRadialChart';
+declare const meta: Meta<typeof IconRadialChart>;
+export default meta;
+type Story = StoryObj<typeof IconRadialChart>;
+export declare const Default: Story;
+export declare const Mobile: Story;
+export declare const WithoutIcon: Story;

package/lib/components/Charts/LineChart/LineChart.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import LineChart from './LineChart';
+import { LineChartProps } from './types';
+declare const meta: Meta<typeof LineChart>;
+export default meta;
+export declare const DefaultLineChart: StoryObj<LineChartProps>;
+export declare const StatusLineChart: StoryObj<LineChartProps>;

package/lib/components/Charts/MultiRadialChart/MultiRadialChart.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import MultiRadialChart from './MultiRadialChart';
+declare const meta: Meta<typeof MultiRadialChart>;
+export default meta;
+type Story = StoryObj<typeof MultiRadialChart>;
+export declare const Default: Story;
+export declare const numberLegend: Story;
+export declare const PillLegend: Story;

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import ConnectingBranch from './ConnectingBranch';
+declare const meta: Meta<typeof ConnectingBranch>;
+export default meta;
+type Story = StoryObj<typeof ConnectingBranch>;
+export declare const Default: Story;

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import EditTextField from './EditTextField';
+import '../../assets/styles/_colors.scss';
+import './EditTextField.scss';
+declare const meta: Meta<typeof EditTextField>;
+type Story = StoryObj<typeof EditTextField>;
+export declare const textFieldWithLabel: Story;
+export declare const textFieldWithOutLabel: Story;
+export declare const openTextField: Story;
+export default meta;

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

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { EditorProps } from './types';
+declare const meta: Meta<EditorProps>;
+export default meta;
+type Story = StoryObj<EditorProps>;
+export declare const Default: Story;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import './ContextMenu.scss';
+declare const ContextMenu: React.FC<ContextMenuProps>;
+export default ContextMenu;

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import ExcelFile from './ExcelFile/ExcelFile';
+declare const meta: Meta<typeof ExcelFile>;
+type Story = StoryObj<typeof ExcelFile>;
+export declare const Default: Story;
+export default meta;

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

@@ -0,0 +1,14 @@
+import { CellBase } from "./ExcelFile/Excel";
+interface ChangeExcelStylesOptions {
+    sheetName: string;
+    styleType: string;
+    value: string;
+    selectedCell: {
+        row: number;
+        column: number;
+    }[];
+}
+export default function ChangeExcelStyles(setWorksheetsData: React.Dispatch<React.SetStateAction<{
+    [key: string]: Matrix<CellBase>;
+}>>, options: ChangeExcelStylesOptions): void;
+export {};

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

@@ -0,0 +1,24 @@
+interface CellStyle {
+    color?: string;
+    backgroundColor?: string;
+    bold?: boolean;
+    italic?: boolean;
+    name?: string;
+    border: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+    alignment: {
+        horizontal?: string;
+        vertical?: string;
+        wrapText?: boolean;
+    };
+}
+interface CellData {
+    style?: CellStyle;
+}
+type ImportExcelStylesData = Array<Array<CellData>>;
+export default function ImportExcelStyles(data: ImportExcelStylesData | null): void;
+export {};

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

@@ -6,6 +6,8 @@ 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.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/MultiSelect.stories.d.ts

@@ -7,4 +7,5 @@ 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/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/Select/Select.stories.d.ts

@@ -10,4 +10,5 @@ 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/components/StatusCard/StatusCard.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import Card from './StatusCard';
+import { CardProps } from './types';
+declare const meta: Meta<typeof Card>;
+export default meta;
+type Story = StoryObj<CardProps>;
+export declare const Passed: Story;
+export declare const Failed: Story;
+export declare const Warning: Story;
+export declare const Skipped: Story;
+export declare const Flaky: Story;

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;