pixel-react 1.6.7 → 1.6.8

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

@@ -1,11 +1,13 @@
 import { ReactNode } from 'react';
 import { optionsType } from '../AllProjectsDropdown/types';
 export interface AppHeaderProps {
+    width?: string;
     logoIconName: string;
     leftContent?: ReactNode;
     rightContent?: ReactNode;
     projectsList?: optionsType[];
     appHeaderMenuItems: appHeaderMenuItemProps[];
+    appHeaderHiddenMenuItems?: appHeaderHiddenMenuItemProps[];
     selectedMenu: string;
     selectedSubMenu?: string;
     selectedQuickMenu?: string;

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

@@ -20,6 +20,7 @@ type BarChartProps = {
     iconSize?: number;
     backgroundColor?: string;
     legendPosition?: 'top' | 'bottom';
+    legendGap?: number;
 };
 declare const BarChart: React.FC<BarChartProps>;
 export default BarChart;

package/lib/components/Charts/DashboardDonutChart/types.d.ts

@@ -31,5 +31,11 @@ export type DashboardDonutChartProps = {
     labelFontSize?: number;
     subLabelFontSize?: number;
     legendPosition?: 'bottom' | 'right' | 'left';
+    chartGap?: number;
     legendGap?: number;
+    tableWidth?: number;
+    legendValueFontSize?: number;
+    legendKeyFontSize?: number;
+    labelYoffSet?: number;
+    subLabelYoffSet?: number;
 };

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

@@ -0,0 +1,4 @@
+import './FileDropzone.scss';
+import { RadioFilePreviewProps } from './types';
+declare const RadioFilePreview: React.FC<RadioFilePreviewProps>;
+export default RadioFilePreview;

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

@@ -1,4 +1,8 @@
 import { ReactNode } from 'react';
+export interface RadioOption {
+    label: string;
+    value: string;
+}
 export interface FileDropzoneProps {
     /**
      *  Icon to be displayed in the dropzone.
@@ -62,6 +66,46 @@ export interface FileDropzoneProps {
      *  Returns the rejected files in the state
      **/
     getRejectedFiles?: (files: FileRejection[]) => void;
+    /**
+     *  If its used in WebService has some other functionality so need to pass boolean value.
+     **/
+    isWebServiceFileDropZone?: boolean;
+    /**
+     *  Its the selected radio option as a string.
+     **/
+    selectedRadioOption?: RadioOption;
+    /**
+     *  Its the array of radio options in pattern of : {  label: string; value: string; }.
+     **/
+    radioOptions?: RadioOption[];
+    /**
+     *  Its the function which updates the selected radio option.
+     **/
+    handleOptionChange?: (option: RadioOption) => void;
+    /**
+     *  Its the File Name of File Selected from Local File.
+     **/
+    setSelectedFile?: (file: File | null) => void;
+    /**
+     *  Its the File Name of File Selected from Local File.
+     **/
+    selectedFile?: File | null;
+    /**
+     *  Its the function which updates the Selected file from Local Directory.
+     **/
+    handleFileChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     *  Its the function which makes the selected File empty state.
+     **/
+    handleRemoveFile?: () => void;
+    /**
+    *  When The Api for the response fails need to show error message.
+    **/
+    isApiResponseError?: boolean;
+    /**
+     *  If isDisable is true not able to access the FileDropzone
+     **/
+    isDisable?: boolean;
 }
 export interface FileState {
     accepted: File[];
@@ -86,6 +130,7 @@ export interface DropzoneOptions {
     invalidFileMessage?: string;
     fileExistMessage?: string;
     validateMIMEType?: boolean;
+    isApiResponseError?: boolean;
 }
 export interface DropzoneState {
     getRootProps: () => React.HTMLAttributes<HTMLElement>;
@@ -105,6 +150,15 @@ export interface DroppableProps {
     getInputProps: () => any;
     isDragActive: boolean;
     height: number | string;
+    isWebServiceFileDropZone?: boolean;
+    selectedRadioOption?: Option;
+    radioOptions?: RadioOption[];
+    handleOptionChange?: (option: RadioOption) => void;
+    selectedFile?: File | null;
+    setSelectedFile?: (file: File | null) => void;
+    handleFileChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    handleRemoveFile?: () => void;
+    isDisable?: boolean;
 }
 export interface FilePreviewProps {
     file: File;
@@ -112,3 +166,10 @@ export interface FilePreviewProps {
     onRemoveClick: (file: File) => void;
     onReplaceClick: (file: File) => void;
 }
+export interface RadioFilePreviewProps {
+    selectedFile: string;
+    error?: string;
+    onFileRemoveClick?: () => void;
+    onFileReplaceClick?: (file: File | null) => void;
+    setSelectedFile?: (file: File | null) => void;
+}

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

@@ -1,10 +1,11 @@
+import { ReactNode } from "react";
 interface OptionClick {
     /**
      * The label displayed for the option.
      * @type {string}
      * @required
      */
-    label: string;
+    label: string | ReactNode;
     /**
      * The value(s) associated with the option, which can be a single string or an array of strings.
      * @type {Array<string> | string}
@@ -20,7 +21,7 @@ interface OptionType extends OptionClick {
      */
     icon?: string;
     iconColor?: string;
-    name?: string;
+    name?: string | ReactNode;
     /**
      * Indicates whether the option is disabled.
      * @type {boolean}

package/lib/components/Search/Search.d.ts

@@ -1,4 +1,4 @@
 import './Search.scss';
 import { SearchProps } from './types';
-declare const Search: ({ placeholder, onSearch, disabled, width, }: SearchProps) => import("react/jsx-runtime").JSX.Element;
+declare const Search: ({ placeholder, onSearch, disabled, width, value, isExpand, onClose, onExpand, }: SearchProps) => import("react/jsx-runtime").JSX.Element;
 export default Search;

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

@@ -12,4 +12,8 @@ export interface SearchProps {
      */
     disabled?: boolean;
     width?: number;
+    value: string;
+    isExpand: boolean;
+    onClose: () => void;
+    onExpand: (isExpand: boolean) => void;
 }

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

@@ -46,7 +46,7 @@ export interface TableProps {
     /**
      * Header type to have different background color
      */
-    headerType: 'default' | 'primary' | 'secondary';
+    headerType: 'default' | 'primary' | 'secondary' | 'tertiary';
     /**
      * withFixedHeader prop to have non-scrollable fixed table header
      */

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

@@ -25,6 +25,7 @@ export interface TabsProps {
         label: string;
         component?: JSX.Element;
         disabled?: boolean;
+        count?: number | string;
     }[];
     /**
      * Defines the styling variant of the tabs.

package/lib/index.d.ts

@@ -293,23 +293,23 @@ interface AccordionProps {
 declare const Accordion: ({ headerTitle, color, minHeight, accordionContent, disable, disableInfoMessage, accordionStateIconName, AccordionStateIconWidth, AccordionStateIconHeight, }: AccordionProps) => react_jsx_runtime.JSX.Element;
 
 type OptionValue$1 = any;
-interface Option$3 {
+interface Option$4 {
     [key: string]: OptionValue$1;
 }
 interface MultiSelectProps {
-    options: Option$3[];
+    options: Option$4[];
     type?: 'email' | 'text';
     label: string;
-    selectedOptions?: Option$3[];
+    selectedOptions?: Option$4[];
     disabled?: boolean;
     onSearch?: (searchedKeyword: string) => void;
-    onChange?: (selectedOptions: Option$3[]) => void;
+    onChange?: (selectedOptions: Option$4[]) => void;
     acceptNewOption?: boolean;
     zIndex?: number;
     required?: boolean;
     errorMessage?: string;
     withSelectButton?: boolean;
-    onSelectButtonClick?: (selectedOptions: Option$3[]) => void;
+    onSelectButtonClick?: (selectedOptions: Option$4[]) => void;
     displayCount?: boolean;
     placeholderForSearching?: string;
     /**  Default is default. choose labels variant if you are using this component for labels dropdown or choose machines if you are using this component in parallel  */
@@ -678,9 +678,9 @@ declare const ExpandableMenu: React.FC<ExpandableMenuProps>;
 interface SelectProps$1 {
     label?: string;
     showLabel?: boolean;
-    optionsList: Option$2[];
-    selectedOption?: Option$2;
-    onChange: (option: Option$2) => void;
+    optionsList: Option$3[];
+    selectedOption?: Option$3;
+    onChange: (option: Option$3) => void;
     errorMsg?: string;
     className?: string;
     optionZIndex?: number;
@@ -703,7 +703,7 @@ interface SelectProps$1 {
     iconName?: string;
 }
 type OptionValue = any;
-interface Option$2 {
+interface Option$3 {
     [key: string]: OptionValue;
 }
 
@@ -833,7 +833,7 @@ interface OptionClick {
      * @type {string}
      * @required
      */
-    label: string;
+    label: string | ReactNode;
     /**
      * The value(s) associated with the option, which can be a single string or an array of strings.
      * @type {Array<string> | string}
@@ -849,7 +849,7 @@ interface OptionType extends OptionClick {
      */
     icon?: string;
     iconColor?: string;
-    name?: string;
+    name?: string | ReactNode;
     /**
      * Indicates whether the option is disabled.
      * @type {boolean}
@@ -972,7 +972,7 @@ interface TableProps$1 {
     /**
      * Header type to have different background color
      */
-    headerType: 'default' | 'primary' | 'secondary';
+    headerType: 'default' | 'primary' | 'secondary' | 'tertiary';
     /**
      * withFixedHeader prop to have non-scrollable fixed table header
      */
@@ -1093,6 +1093,10 @@ type DonutChartProps = {
 
 declare const DonutChart: React__default.FC<DonutChartProps>;
 
+interface RadioOption {
+    label: string;
+    value: string;
+}
 interface FileDropzoneProps {
     /**
      *  Icon to be displayed in the dropzone.
@@ -1156,6 +1160,46 @@ interface FileDropzoneProps {
      *  Returns the rejected files in the state
      **/
     getRejectedFiles?: (files: FileRejection[]) => void;
+    /**
+     *  If its used in WebService has some other functionality so need to pass boolean value.
+     **/
+    isWebServiceFileDropZone?: boolean;
+    /**
+     *  Its the selected radio option as a string.
+     **/
+    selectedRadioOption?: RadioOption;
+    /**
+     *  Its the array of radio options in pattern of : {  label: string; value: string; }.
+     **/
+    radioOptions?: RadioOption[];
+    /**
+     *  Its the function which updates the selected radio option.
+     **/
+    handleOptionChange?: (option: RadioOption) => void;
+    /**
+     *  Its the File Name of File Selected from Local File.
+     **/
+    setSelectedFile?: (file: File | null) => void;
+    /**
+     *  Its the File Name of File Selected from Local File.
+     **/
+    selectedFile?: File | null;
+    /**
+     *  Its the function which updates the Selected file from Local Directory.
+     **/
+    handleFileChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     *  Its the function which makes the selected File empty state.
+     **/
+    handleRemoveFile?: () => void;
+    /**
+    *  When The Api for the response fails need to show error message.
+    **/
+    isApiResponseError?: boolean;
+    /**
+     *  If isDisable is true not able to access the FileDropzone
+     **/
+    isDisable?: boolean;
 }
 interface FileError {
     message: string;
@@ -1176,6 +1220,7 @@ interface DropzoneOptions {
     invalidFileMessage?: string;
     fileExistMessage?: string;
     validateMIMEType?: boolean;
+    isApiResponseError?: boolean;
 }
 interface DropzoneState {
     getRootProps: () => React.HTMLAttributes<HTMLElement>;
@@ -1195,6 +1240,15 @@ interface DroppableProps {
     getInputProps: () => any;
     isDragActive: boolean;
     height: number | string;
+    isWebServiceFileDropZone?: boolean;
+    selectedRadioOption?: Option;
+    radioOptions?: RadioOption[];
+    handleOptionChange?: (option: RadioOption) => void;
+    selectedFile?: File | null;
+    setSelectedFile?: (file: File | null) => void;
+    handleFileChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    handleRemoveFile?: () => void;
+    isDisable?: boolean;
 }
 interface FilePreviewProps {
     file: File;
@@ -1285,7 +1339,7 @@ declare const ForwardedForms: <T extends Form.FieldValues>(props: FormProps<T> &
     ref?: React__default.Ref<any>;
 }) => JSX.Element;
 
-interface Option$1 {
+interface Option$2 {
     label: string | ReactNode;
     value: string;
 }
@@ -1334,11 +1388,11 @@ interface InputWithDropdownProps {
     /**
      * Options for the select dropdown
      */
-    optionsList: Option$1[];
+    optionsList: Option$2[];
     /**
      * Selected option for the select dropdown
      */
-    selectedOption?: Option$1;
+    selectedOption?: Option$2;
     /**
      * onChange handler for input changes
      */
@@ -1584,6 +1638,7 @@ interface TabsProps {
         label: string;
         component?: JSX.Element;
         disabled?: boolean;
+        count?: number | string;
     }[];
     /**
      * Defines the styling variant of the tabs.
@@ -1663,9 +1718,13 @@ interface SearchProps {
      */
     disabled?: boolean;
     width?: number;
+    value: string;
+    isExpand: boolean;
+    onClose: () => void;
+    onExpand: (isExpand: boolean) => void;
 }
 
-declare const Search: ({ placeholder, onSearch, disabled, width, }: SearchProps) => react_jsx_runtime.JSX.Element;
+declare const Search: ({ placeholder, onSearch, disabled, width, value, isExpand, onClose, onExpand, }: SearchProps) => react_jsx_runtime.JSX.Element;
 
 interface DatePickerProps {
     /**
@@ -1875,11 +1934,13 @@ interface PieChartProps {
 declare const PieChart: React__default.FC<PieChartProps>;
 
 interface AppHeaderProps {
+    width?: string;
     logoIconName: string;
     leftContent?: ReactNode;
     rightContent?: ReactNode;
     projectsList?: optionsType[];
     appHeaderMenuItems: appHeaderMenuItemProps[];
+    appHeaderHiddenMenuItems?: appHeaderHiddenMenuItemProps[];
     selectedMenu: string;
     selectedSubMenu?: string;
     selectedQuickMenu?: string;
@@ -1965,7 +2026,13 @@ type DashboardDonutChartProps = {
     labelFontSize?: number;
     subLabelFontSize?: number;
     legendPosition?: 'bottom' | 'right' | 'left';
+    chartGap?: number;
     legendGap?: number;
+    tableWidth?: number;
+    legendValueFontSize?: number;
+    legendKeyFontSize?: number;
+    labelYoffSet?: number;
+    subLabelYoffSet?: number;
 };
 
 declare const DashboardDonutChart: React__default.FC<DashboardDonutChartProps>;
@@ -1995,8 +2062,8 @@ interface SelectProps {
     label?: string;
     showLabel?: boolean;
     optionsList: any[];
-    selectedOption?: Option;
-    onChange: (option: Option) => void;
+    selectedOption?: Option$1;
+    onChange: (option: Option$1) => void;
     errorMsg?: string;
     className?: string;
     optionZIndex?: number;
@@ -2005,7 +2072,7 @@ interface SelectProps {
     showBorder?: boolean;
     required?: boolean;
 }
-interface Option {
+interface Option$1 {
     displayName: string | ReactNode;
     projectId: string;
     nlpType: string;
@@ -2078,9 +2145,9 @@ interface SequentialConnectingBranchProps {
     machineInstances?: ExecutionContext[] | {}[];
     machineColumnWidth?: number;
     machineColumnCount?: number;
-    selectedMachine?: Option$2;
-    machineOptionsList?: Option$2[];
-    onHandleSelect?: (option: Option$2) => void;
+    selectedMachine?: Option$3;
+    machineOptionsList?: Option$3[];
+    onHandleSelect?: (option: Option$3) => void;
     onAddBrowserInstance?: (modalId: string) => void;
     onUpdateAddBrowserInstance?: () => void;
     onDeleteBrowserInstance?: (id: string, runCount: number) => void;
@@ -2719,6 +2786,7 @@ type BarChartProps = {
     iconSize?: number;
     backgroundColor?: string;
     legendPosition?: 'top' | 'bottom';
+    legendGap?: number;
 };
 declare const BarChart: React__default.FC<BarChartProps>;
 
@@ -2779,6 +2847,8 @@ declare const ConnectingBranch: React__default.FC;
 
 declare const saveFileFromBlob: (blob: Blob, filename: string) => void;
 
+declare const capitalize: (text: string) => string;
+
 interface CommentType {
     id?: string | number;
     description?: string;
@@ -2826,6 +2896,8 @@ interface PopUpModalProps {
 
 declare const PopUpModal: FC<PopUpModalProps>;
 
+declare function formatString(input: string, removeSections?: string[]): string;
+
 type dynamicObject = {
     [key: string]: any;
 };
@@ -2879,4 +2951,4 @@ interface PhoneInputProps {
 
 declare const PhoneInputField: React__default.FC<PhoneInputProps>;
 
-export { Accordion, AddButton as AddResourceButton, AddVariables, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BarChart, Button, Checkbox, Chip, Col, Comments, ConnectingBranch, Container, CreateVariableSlider, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, HighlightText, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, LineChart, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, Paper, PhoneInputField, PieChart, PopUpModal, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, Table, TreeTable as TableTree, TableWithAccordion, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, VariableDropdown, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, hasDuplicateFile, saveFileFromBlob, throttle, toast, truncateText, useFileDropzone, useTheme };
+export { Accordion, AddButton as AddResourceButton, AddVariables, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BarChart, Button, Checkbox, Chip, Col, Comments, 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, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, Table, TreeTable 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 };