pixel-react 1.7.7 → 1.7.9

package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts

@@ -6,6 +6,8 @@ export interface DropDownListProps {
     options?: Option[];
     optionZIndex?: number;
     inputRef?: React.RefObject<HTMLInputElement>;
+    labelAccessor?: string;
+    valueAccessor?: string;
 }
 export declare const dropdownDefaultCSSData: {
     margin: number;

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

@@ -2,7 +2,7 @@ export interface SelectProps {
     label?: string;
     showLabel?: boolean;
     optionsList: Option[];
-    selectedOption?: Option;
+    selectedOption: Option;
     onChange: (option: Option) => void;
     errorMsg?: string;
     className?: string;

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

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

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

@@ -11,6 +11,8 @@ export interface CardProps {
     style?: React.CSSProperties;
     /** toggle update */
     handleToggleStatus?: (_status: boolean) => void;
+    /** make Card Select false */
+    resetToggle?: boolean;
     /** call back */
     onSelectedStatus?: (_status: string) => void;
 }

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

@@ -3,6 +3,8 @@ import Table from './Table';
 declare const meta: Meta<typeof Table>;
 type Story = StoryObj<typeof Table>;
 export declare const Default: Story;
+export declare const PrimaryHeaderTextColor: Story;
+export declare const TableDataTextColor: Story;
 export declare const PageTable: Story;
 export declare const PrimaryHeader: Story;
 export declare const FixedHeaderWithBorder: Story;

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

@@ -1,4 +1,4 @@
 import { TableCellProps } from '../types';
 import React from 'react';
-declare const TableCell: React.MemoExoticComponent<({ col, node, level, selected, select, onCheckBoxChange, onToggleExpand, }: TableCellProps) => import("react/jsx-runtime").JSX.Element>;
+declare const TableCell: React.MemoExoticComponent<({ col, node, level, selected, select, onCheckBoxChange, onToggleExpand, lines, isLast, }: TableCellProps) => import("react/jsx-runtime").JSX.Element>;
 export default TableCell;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableRowProps } from '../types';
-declare const TableRow: React.MemoExoticComponent<({ node, level, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, }: TableRowProps) => import("react/jsx-runtime").JSX.Element>;
+declare const TableRow: React.MemoExoticComponent<({ node, level, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, lines, isLast, }: TableRowProps) => import("react/jsx-runtime").JSX.Element>;
 export default TableRow;

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

@@ -28,6 +28,8 @@ declare const data: ({
         parentName?: undefined;
     };
     level: number;
+    lines: number;
+    isLast: boolean;
 } | {
     node: {
         subModuleCount: number;
@@ -58,6 +60,8 @@ declare const data: ({
         parentName?: undefined;
     };
     level: number;
+    lines: number;
+    isLast?: undefined;
 } | {
     node: {
         subModuleCount: number;
@@ -88,6 +92,8 @@ declare const data: ({
         parentName?: undefined;
     };
     level: number;
+    lines: number;
+    isLast: boolean;
 } | {
     node: {
         ver: number;
@@ -118,6 +124,8 @@ declare const data: ({
         id: string;
     };
     level: number;
+    lines: number;
+    isLast?: undefined;
 } | {
     node: {
         ver: number;
@@ -148,5 +156,71 @@ declare const data: ({
         folder?: undefined;
     };
     level: number;
+    lines: number;
+    isLast?: undefined;
+} | {
+    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;
+        name: string;
+        modifiedBy: string;
+        moduleCountWithScript: number;
+        state: string;
+        key: string;
+        children: boolean;
+        id: string;
+        folder?: undefined;
+    };
+    level: number;
+    lines: number;
+    isLast: boolean;
+} | {
+    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;
+        name: string;
+        modifiedBy: string;
+        moduleCountWithScript: number;
+        state: string;
+        key: string;
+        folder: boolean;
+        children: boolean;
+        id: string;
+    };
+    level: number;
+    lines: number;
+    isLast: boolean;
 })[];
 export default data;

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

@@ -14,6 +14,8 @@ export interface TableCellProps {
     select: string | null;
     onCheckBoxChange: (type: string, node: any) => void;
     onToggleExpand: (node: any) => void;
+    lines: number;
+    isLast: boolean | undefined;
 }
 export interface TableHeadProps {
     columnsData: any[];
@@ -36,6 +38,8 @@ export interface TableRowProps {
     onRowClick: (e: any, node: any) => void;
     onToggleExpand: (node: any) => void;
     onCheckBoxChange: (type: string, node: any) => void;
+    lines: number;
+    isLast: boolean | undefined;
 }
 export interface Column {
     name: string;

package/lib/components/TextArea/Textarea.d.ts

@@ -1,4 +1,4 @@
 import './Textarea.scss';
 import { TextareaProps } from './Types';
-declare const Textarea: ({ capacity, name, label, value, variant, error, helperText, disabled, required, placeholder, className, onChange, onBlur, onFocus, rows, cols, resize, ...props }: TextareaProps) => import("react/jsx-runtime").JSX.Element;
+declare const Textarea: ({ capacity, name, label, value, variant, error, helperText, disabled, required, placeholder, className, onChange, onBlur, onFocus, onPaste, rows, cols, resize, ...props }: TextareaProps) => import("react/jsx-runtime").JSX.Element;
 export default Textarea;

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

@@ -46,6 +46,7 @@ export interface TextareaProps {
     onKeyDown?: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
     onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
     onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onPaste?: (event: React.ClipboardEvent<HTMLTextAreaElement>) => void;
     /**
      * id to select the textarea field uniquely
      */

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

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

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

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

package/lib/index.d.ts

@@ -9,6 +9,62 @@ import * as DNDSortable from '@dnd-kit/sortable';
 import * as DNDUtilities from '@dnd-kit/utilities';
 import ReCAPTCHA from 'react-google-recaptcha';
 
+type DynamicObj = {
+    [key: string]: any;
+};
+interface CreateVariableProps {
+    /**
+     * Open Create variable Slider
+     */
+    isOpen: boolean;
+    /**
+     * Value for the variable name
+     */
+    variableName: string;
+    /**
+     * Value for the variable to be created
+     */
+    value: string;
+    /**
+     * List for the variable types
+     */
+    variableTypesList: DynamicObj[];
+    /**
+     * Selected variable type
+     */
+    selectedVariableType: DynamicObj;
+    /**
+     * Function to handle variable type change
+     * @param option
+     * @returns
+     */
+    onVariableTypeChange: (option: DynamicObj) => void;
+    /**
+     * Function to handle close
+     */
+    onClose?: () => void;
+    /**
+     * onChange of name
+     */
+    onNameChange: (value: string) => void;
+    /**
+     * onChange of value
+     */
+    onValueChange: (value: string) => void;
+    /**
+     * Hide value
+     */
+    hideValue: boolean;
+    /**
+     * onChange for hide value
+     */
+    onHideChange: (value: boolean) => void;
+    /**
+     * Function to handle submit
+     */
+    handleSubmit: () => void;
+}
+
 interface ButtonProps {
     /**
      * Variant of the button
@@ -72,9 +128,25 @@ interface ButtonProps {
      * form to accept form id in string
      */
     form?: string;
+    /**
+     * Is the Type ChooseFile for the button
+     */
+    isChooseFile?: boolean;
+    /**
+     * Custom Width for the button
+     */
+    buttonWidth?: string;
+    /**
+     * selectedfile object will be send.
+     */
+    selectedFile?: File | DynamicObj | null;
+    /**
+     * handleCloseIcon function will set to the initial state .
+     */
+    handleCloseIcon?: () => void;
 }
 
-declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const _default$2: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>>;
 
 interface BtnPropsCommon {
     /**
@@ -684,7 +756,7 @@ interface SelectProps$1 {
     label?: string;
     showLabel?: boolean;
     optionsList: Option$2[];
-    selectedOption?: Option$2;
+    selectedOption: Option$2;
     onChange: (option: Option$2) => void;
     errorMsg?: string;
     className?: string;
@@ -762,6 +834,7 @@ interface TextareaProps {
     onKeyDown?: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
     onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
     onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onPaste?: (event: React.ClipboardEvent<HTMLTextAreaElement>) => void;
     /**
      * id to select the textarea field uniquely
      */
@@ -793,7 +866,7 @@ interface TextareaProps {
     resize?: boolean;
 }
 
-declare const Textarea: ({ capacity, name, label, value, variant, error, helperText, disabled, required, placeholder, className, onChange, onBlur, onFocus, rows, cols, resize, ...props }: TextareaProps) => react_jsx_runtime.JSX.Element;
+declare const Textarea: ({ capacity, name, label, value, variant, error, helperText, disabled, required, placeholder, className, onChange, onBlur, onFocus, onPaste, rows, cols, resize, ...props }: TextareaProps) => react_jsx_runtime.JSX.Element;
 
 interface StatusButtonProps {
     /**
@@ -1099,62 +1172,6 @@ type DonutChartProps = {
 
 declare const DonutChart: React__default.FC<DonutChartProps>;
 
-type DynamicObj = {
-    [key: string]: any;
-};
-interface CreateVariableProps {
-    /**
-     * Open Create variable Slider
-     */
-    isOpen: boolean;
-    /**
-     * Value for the variable name
-     */
-    variableName: string;
-    /**
-     * Value for the variable to be created
-     */
-    value: string;
-    /**
-     * List for the variable types
-     */
-    variableTypesList: DynamicObj[];
-    /**
-     * Selected variable type
-     */
-    selectedVariableType: DynamicObj;
-    /**
-     * Function to handle variable type change
-     * @param option
-     * @returns
-     */
-    onVariableTypeChange: (option: DynamicObj) => void;
-    /**
-     * Function to handle close
-     */
-    onClose?: () => void;
-    /**
-     * onChange of name
-     */
-    onNameChange: (value: string) => void;
-    /**
-     * onChange of value
-     */
-    onValueChange: (value: string) => void;
-    /**
-     * Hide value
-     */
-    hideValue: boolean;
-    /**
-     * onChange for hide value
-     */
-    onHideChange: (value: boolean) => void;
-    /**
-     * Function to handle submit
-     */
-    handleSubmit: () => void;
-}
-
 interface RadioOption {
     label: string;
     value: string;
@@ -1695,7 +1712,7 @@ interface TreeTableProps {
     loadMore?: (_direction?: string) => void;
 }
 
-declare const _default: React__default.NamedExoticComponent<TreeTableProps>;
+declare const _default$1: React__default.NamedExoticComponent<TreeTableProps>;
 
 interface TabsProps {
     /**
@@ -2097,10 +2114,12 @@ type DashboardDonutChartProps = {
     chartGap?: number;
     legendGap?: number;
     tableWidth?: number;
+    tableHeight?: number;
     legendValueFontSize?: number;
     legendKeyFontSize?: number;
     labelYoffSet?: number;
     subLabelYoffSet?: number;
+    onSelectedStatus?: (_value: string) => void;
 };
 
 declare const DashboardDonutChart: React__default.FC<DashboardDonutChartProps>;
@@ -2218,7 +2237,10 @@ interface MachineInputFieldProps {
     modalId?: string;
 }
 
-declare const MachineInputField: React$1.ForwardRefExoticComponent<MachineInputFieldProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const MachineInputField: {
+    ({ width, options, runCount, className, contentReverse, onClick, modalId, }: MachineInputFieldProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 interface SequentialConnectingBranchProps {
     machineInstances?: ExecutionContext[] | {}[];
@@ -2386,6 +2408,8 @@ interface LabelEditTextFieldTypes$1 {
     customErrorCondition?: boolean;
     placeholder?: string;
     onClick?: () => void;
+    /** Function called when every input character got changed */
+    onInputChange?: (newInputValue: string) => void;
     tooltip?: {
         tooltipTitle?: string;
         tooltipPlacement?: string;
@@ -2541,6 +2565,8 @@ interface CardProps {
     style?: React.CSSProperties;
     /** toggle update */
     handleToggleStatus?: (_status: boolean) => void;
+    /** make Card Select false */
+    resetToggle?: boolean;
     /** call back */
     onSelectedStatus?: (_status: string) => void;
 }
@@ -2765,6 +2791,76 @@ interface ProgressBarProps {
 
 declare const ProgressBar: React__default.FC<ProgressBarProps>;
 
+interface ChooseFileProps {
+    /**
+     * Variant of the button
+     */
+    variant: 'primary' | 'secondary' | 'tertiary' | 'delete' | 'warning';
+    /**
+     * What background color to use
+     */
+    backgroundColor?: string;
+    /**
+     * Width in string format can be sent for needed width
+     */
+    buttonWidth?: string;
+    /**
+     * How large should the button be?
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Button contents
+     */
+    label?: string;
+    /**
+     * Type of the button
+     */
+    type?: 'button' | 'submit';
+    disabled?: boolean;
+    /**
+     * Optional click handler
+     */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * Button id
+     */
+    id?: string;
+    /**
+     * onSubmit function handler
+     */
+    onSubmit?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * react ref for the button
+     */
+    ref?: any;
+    /**
+     * Classname for the button
+     */
+    className?: string;
+    /**
+     * Additional styles for the button
+     */
+    style?: React.CSSProperties;
+    /**
+     * Give icon name availble in storybook that to be on left side of button
+     */
+    iconName?: string;
+    /**
+     * isChooseFile is a Boolean prop
+     */
+    isChooseFile?: boolean;
+    /**
+     * selectedfile object will be send.
+     */
+    selectedFile?: File | DynamicObj | null;
+    /**
+     * handleCloseIcon function will set to the initial state .
+     */
+    handleCloseIcon?: () => void;
+}
+
+declare const _default: React$1.NamedExoticComponent<ChooseFileProps>;
+
 type valueType$1 = any;
 declare const checkEmpty: (value: valueType$1) => boolean;
 
@@ -2853,6 +2949,9 @@ interface MultiRadialChartProps {
     barValues: BarValue[];
     legendType?: LegendType;
     isLegendDetails?: boolean;
+    labelFontSize?: number;
+    subLabelFontSize?: number;
+    gapAngle?: number;
 }
 
 declare const MultiRadialChart: React__default.FC<MultiRadialChartProps>;
@@ -2891,7 +2990,19 @@ interface SequentialMachineInstance extends Omit<MachineExecutionInstance, 'runL
 
 declare const getSequentialPayload: (data: MachineExecutionInstance[]) => SequentialMachineInstance[];
 
-declare const ConnectingBranch: React__default.FC;
+type machineDataObj = any;
+interface MachineData {
+    [key: string]: machineDataObj;
+}
+interface ConnectBranchProps {
+    data: MachineData;
+    childNodeCurveHeight?: number;
+    getParentNodeComponent: (isMultiSelect: boolean, ...args: any[]) => ReactElement<any, any>;
+    getParentNodeComponentActionItems: (...args: any[]) => ReactElement<any, any>;
+    getChildNodeComponent: (isButton: boolean, ...args: any[]) => ReactElement<any, any>;
+}
+
+declare const ConnectingBranch: React__default.FC<ConnectBranchProps>;
 
 declare const saveFileFromBlob: (blob: Blob, filename: string) => void;
 
@@ -3094,4 +3205,4 @@ interface PhoneInputProps {
 
 declare const PhoneInputField: React__default.FC<PhoneInputProps>;
 
-export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BarChart, Button, Checkbox, Chip, Col, Comments, ConditionalDropdown, ConnectingBranch, Container, CreateVariableSlider, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, formatString as FormatString, HighlightText, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, LineChart, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, Paper, PhoneInputField, PieChart, PopUpModal, ProgressBar, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, Table, _default as TableTree, TableWithAccordion, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, VariableDropdown, VariableInput, capitalize, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, hasDuplicateFile, saveFileFromBlob, throttle, toast, truncateText, useFileDropzone, useTheme };
+export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BarChart, _default$2 as Button, Checkbox, Chip, _default as ChooseFile, Col, Comments, ConditionalDropdown, ConnectingBranch, Container, CreateVariableSlider, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, formatString as FormatString, HighlightText, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, LineChart, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, Paper, PhoneInputField, PieChart, PopUpModal, ProgressBar, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, Table, _default$1 as TableTree, TableWithAccordion, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, VariableDropdown, VariableInput, capitalize, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, hasDuplicateFile, saveFileFromBlob, throttle, toast, truncateText, useFileDropzone, useTheme };