pixel-react 1.7.8 → 1.8.0

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 {
     /**
@@ -1978,6 +1995,8 @@ interface optionsType {
     label: string;
     value: string;
     iconName: string;
+    platform?: string;
+    appType?: string;
 }
 interface AllProjectsDropdownProps {
     options: optionsType[];
@@ -2097,10 +2116,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 +2239,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 +2410,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 +2567,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 +2793,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 +2951,9 @@ interface MultiRadialChartProps {
     barValues: BarValue[];
     legendType?: LegendType;
     isLegendDetails?: boolean;
+    labelFontSize?: number;
+    subLabelFontSize?: number;
+    gapAngle?: number;
 }
 
 declare const MultiRadialChart: React__default.FC<MultiRadialChartProps>;
@@ -2891,7 +2992,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 +3207,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 };