pixel-react 1.4.3 → 1.4.5

package/lib/index.d.ts

@@ -210,6 +210,10 @@ interface DrawerProps {
      * Custom z-index for the secondary drawer
      */
     secondLayerZIndex?: boolean;
+    /**
+     * Custom top for the drawer
+     */
+    top?: string;
 }
 
 declare const Drawer: FC<DrawerProps>;
@@ -263,12 +267,9 @@ interface AccordionProps {
  */
 declare const Accordion: ({ headerTitle, color, minHeight, accordionContent, disable, disableInfoMessage, }: AccordionProps) => react_jsx_runtime.JSX.Element;
 
+type OptionValue$1 = any;
 interface Option$3 {
-    label?: string;
-    value?: string;
-    accessor?: string;
-    isChecked?: boolean;
-    isDisabled?: boolean;
+    [key: string]: OptionValue$1;
 }
 interface MultiSelectProps {
     options: Option$3[];
@@ -296,9 +297,11 @@ interface MultiSelectProps {
     className?: string;
     /** Machine Name to be displayed */
     highlightedMachine?: string | ReactElement;
+    labelAccessor?: string;
+    valueAccessor?: string;
 }
 
-declare const MultiSelect: ({ options, type, selectedOptions, onChange, acceptNewOption, zIndex, label, onSearch, required, disabled, errorMessage, displayCount, placeholderForSearching, variant, onLabelPlusIconClick, onManageLabelsClick, className, highlightedMachine, onSelectButtonClick, withSelectButton, }: MultiSelectProps) => 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, }: MultiSelectProps) => react_jsx_runtime.JSX.Element;
 
 interface ToasterProps {
     /**Boolean value to handle state of toaster. */
@@ -804,15 +807,17 @@ interface OptionClick {
      * @type {Array<string> | string}
      * @required
      */
-    value: Array<string> | string;
+    value: any;
 }
 interface OptionType extends OptionClick {
     /**
      * The name of the icon associated with the option.
      * @type {string}
-     * @required
+     * @optional
      */
     icon?: string;
+    iconColor?: string;
+    name?: string;
     /**
      * Indicates whether the option is disabled.
      * @type {boolean}
@@ -853,27 +858,27 @@ interface MenuOptionProps {
     tooltipPlacement?: 'bottom' | 'left' | 'right' | 'top' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
     /**
      * The placement of the dropdown menu relative to the icon.
-     * @type {'top' | 'left' | 'right' | 'bottom'}
+     * @type {dropdownPosition}
      * @optional
      */
-    dropdownPlacement?: string | 'top' | 'left' | 'right' | 'down';
+    dropdownPlacement?: 'top' | 'down' | 'left' | 'right';
     /**
-    * The variant of the menu option, either 'dark' or 'light'.
-    * @type {'dark' | 'light'}
-    * @default 'light'
-    * @optional
-    */
+     * The variant of the menu option, either 'dark' or 'light'.
+     * @type {'dark' | 'light'}
+     * @default 'light'
+     * @optional
+     */
     variant?: 'dark' | 'light';
     /**
      * Callback function triggered when the icon is clicked.
-     * @type {function}
+     * @type {() => void}
      * @optional
      */
     onClick?: () => void;
     /**
      * Callback function triggered when an option is clicked.
      * @param {OptionClick} option - The option that was clicked.
-     * @type {function}
+     * @type {(option: OptionClick) => void}
      * @optional
      */
     onOptionClick?: (option: OptionClick) => void;
@@ -890,18 +895,20 @@ interface MenuOptionProps {
      */
     iconSize?: number;
     /**
-     * The border radius of the icon.
+     * The border radius of the icon button.
      * @type {number}
      * @default 7
      */
     iconButtonBorderRadius?: number;
     /**
      * Providing z-index for the options card.
+     * @type {number}
+     * @optional
      */
     zIndex?: number;
 }
 
-declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, dropdownPlacement, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, }: MenuOptionProps) => react_jsx_runtime.JSX.Element;
+declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, dropdownPlacement, }: MenuOptionProps) => react_jsx_runtime.JSX.Element;
 
 interface DataProps {
     /**
@@ -1002,7 +1009,7 @@ interface TableProps {
     headerIconOnClick?: () => void;
 }
 
-declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, noDataContent, height, className, tableHeadClass, tableBodyRowClass, headerTextColor, tableDataTextColor, headerIconName, headerIconOnClick, }: TableProps) => react_jsx_runtime.JSX.Element | null;
+declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, noDataContent, height, className, tableHeadClass, tableBodyRowClass, headerTextColor, tableDataTextColor, headerIconName, headerIconOnClick, }: TableProps) => react_jsx_runtime.JSX.Element;
 
 /**
  * Props for the Add Resource Button component.
@@ -1175,7 +1182,9 @@ interface FormProps<T extends Form.FieldValues> extends Form.UseFormProps<T> {
     onSubmit: Form.SubmitHandler<T>;
     children: (methods: ReturnType<typeof Form.useForm<T>>) => React__default.ReactNode;
 }
-declare const Forms: <T extends Form.FieldValues>({ onSubmit, children, id, ...rest }: FormProps<T>) => react_jsx_runtime.JSX.Element;
+declare const ForwardedForms: <T extends Form.FieldValues>(props: FormProps<T> & {
+    ref?: React__default.Ref<any>;
+}) => JSX.Element;
 
 interface Option$1 {
     label: string | ReactNode;
@@ -1267,7 +1276,58 @@ interface InputWithDropdownProps {
     dropdownPosition?: 'left' | 'right';
 }
 
-declare const InputWithDropdown: ({ name, label, value, disabled, required, placeholder, error, helperText, optionsList, selectedOption, onDropdownChangeHandler, onInputChangeHandler, onInputBlurHandler, optionsRequired, dropdownPosition, type, }: InputWithDropdownProps) => react_jsx_runtime.JSX.Element;
+declare const InputWithDropdown: ({ name, label, value, disabled, required, placeholder, error, helperText, optionsList, selectedOption, autoComplete, onDropdownChangeHandler, onInputChangeHandler, onInputBlurHandler, optionsRequired, dropdownPosition, type, }: InputWithDropdownProps) => react_jsx_runtime.JSX.Element;
+
+/**
+ * Props for the RadioButton component.
+ */
+interface RadioButtonProps {
+    /**
+     * The display label for the radio button.
+     * Optional.
+     */
+    label?: string | ReactElement;
+    /**
+     * The name attribute for the radio button, used for grouping.
+     */
+    name: string;
+    /**
+     * The unique value of the radio button.
+     * Optional.
+     */
+    value?: string;
+    /**
+     * Indicates whether the radio button is checked.
+     * Optional.
+     */
+    checked?: boolean;
+    /**
+     * Callback function that is called when the radio button's value changes.
+     * Receives the change event as an argument.
+     * Optional.
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Indicates whether the radio button is disabled.
+     * Optional.
+     */
+    disabled?: boolean;
+    /**
+     * Indicates whether the radio button show the tooltip.
+     * Optional.
+     */
+    showTooltip?: boolean;
+    /**
+     * The content of the tooltip.
+     * Optional.
+     */
+    tooltipChildren?: React.ReactNode;
+    /**
+     * The content of the tooltip.
+     * Optional.
+     */
+    tooltipTitle?: React.ReactNode;
+}
 
 declare const RadioButton: React__default.FC<RadioButtonProps>;
 
@@ -1915,6 +1975,43 @@ declare const toast: {
     info: (arg1: AcceptedType, arg2?: AcceptedType) => void;
 };
 
+interface ToggleSwitchProps {
+    firstButton: string;
+    secondButton: string;
+    handleClick: (selected: string) => void;
+    selected: string;
+}
+declare const ToggleSwitch: React__default.FC<ToggleSwitchProps>;
+
+interface AvatarProps {
+    /**
+   * This property determines the size of the avatar. It can be set to 'small', 'medium', or 'large'.
+   */
+    variant?: 'small' | 'medium' | 'large';
+    /**
+     * This property allows you to customize the background color of the avatar.
+     */
+    backgroundColor?: string;
+    /**
+     * This property specifies the name of the icon to be displayed within the avatar.
+     */
+    iconName: string;
+    /**
+     * This property allows you to customize the color of the icon within the avatar.
+     */
+    iconColor?: string;
+    /**
+     * This property allows you to set a custom size for the avatar, overriding the default size specified by the variant property.
+     */
+    customAvatarSize?: number;
+    /**
+     * This property allows you to set a custom size for the icon within the avatar.
+     */
+    customIconSize?: number;
+}
+
+declare const Avatar: React__default.FC<AvatarProps>;
+
 interface IconProps$1 {
     /** Name of the icon to be displayed. */
     name: string;
@@ -2014,6 +2111,24 @@ interface LabelEditTextFieldTypes {
 
 declare const EditTextField: FC<LabelEditTextFieldTypes>;
 
+interface ExcelFileProps {
+    /** The Excel data containing sheets and their content */
+    excelData: {
+        sheets: WorkSheet[];
+    };
+    /** Optional: Provide context menu options for actions like right-click */
+    contextOption?: {
+        name: string;
+        title: React__default.ReactNode;
+        action: () => void;
+    }[];
+    /** Controls whether the toolbar is shown, disabled, or hidden */
+    toolbar?: 'show' | 'disable' | 'hide';
+    /** Callback function to save the Excel data */
+    onSave?: (excelData?: any) => void;
+}
+declare const ExcelFile: React__default.FC<ExcelFileProps>;
+
 interface ModuleChipProps {
     /**
      * mandatory | label for the ModuleChip component
@@ -2178,7 +2293,7 @@ interface EditorProps {
     /**
      * Editor Content Type
      */
-    language?: 'javascript' | 'html' | 'json' | 'plaintext' | 'xml';
+    language: 'javascript' | 'html' | 'json' | 'plain text' | 'xml';
     /**
      *
      *Width of the editor
@@ -2188,10 +2303,6 @@ interface EditorProps {
      * Height of the editor
      */
     height: string;
-    /**
-     * Show toolbar
-     */
-    showToolbar?: boolean;
     /**
      * read only
      */
@@ -2219,7 +2330,7 @@ interface EditorProps {
     theme?: 'light' | 'vs-dark';
 }
 
-declare const Editor: React__default.FC<EditorProps>;
+declare const Editor: React$1.ForwardRefExoticComponent<EditorProps & React$1.RefAttributes<any>>;
 
 interface OperatingSystemInfo {
     osName: string;
@@ -2258,4 +2369,4 @@ declare const ConnectingBranch: React__default.FC;
 
 declare const saveFileFromBlob: (blob: Blob, filename: string) => void;
 
-export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, BarChart, Button, Checkbox, Chip, Col, ConnectingBranch, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, EditTextField, Editor, ExpandableMenu, FileDropzone, Forms as Form, HighlightText, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, LineChart, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, Tooltip, Typography, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, saveFileFromBlob, throttle, toast, truncateText, useTheme };
+export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BarChart, Button, Checkbox, Chip, Col, ConnectingBranch, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FileDropzone, ForwardedForms as Form, HighlightText, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, LineChart, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, saveFileFromBlob, throttle, toast, truncateText, useTheme };