pixel-react 1.1.7 → 1.1.9

package/lib/components/RadioButton/radioButtonTypes.d.ts

@@ -32,4 +32,19 @@ interface RadioButtonProps {
      * 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;
 }

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

@@ -4,5 +4,6 @@ declare const meta: Meta<typeof RadioGroup>;
 type Story = StoryObj<typeof RadioGroup>;
 export declare const Controlled: Story;
 export declare const WithDisabledOption: Story;
-export declare const DisabledSelcted: Story;
+export declare const DisabledSelected: Story;
+export declare const WithToolTipIcon: Story;
 export default meta;

package/lib/components/RadioGroup/radioGroupTypes.d.ts

@@ -15,6 +15,21 @@ interface Option {
      * 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;
 }
 /**
  * Props for the RadioGroup component.

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

@@ -1,4 +1,4 @@
 import { SelectProps } from './types';
 import './Select.scss';
-declare const Select: ({ label, showLabel, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, optionsRequired, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const Select: ({ label, showLabel, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, optionsRequired, selectedOptionColor, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
 export default Select;

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

@@ -16,6 +16,10 @@ export interface SelectProps {
      * optionsRequired:false prop removes options from dropdown & shows static label only
      */
     optionsRequired?: boolean;
+    /**
+     * selectedOptionColor prop provides the custom color for the selected option
+     */
+    selectedOptionColor?: string;
 }
 export interface DrowdownPosition {
     positionX: number;

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

@@ -1,4 +1,4 @@
 import './Table.scss';
 import { TableProps } from './Types';
-declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, height, className, }: TableProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, height, className, tableHeadClass, tableBodyRowClass, }: TableProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Table;

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

@@ -95,4 +95,12 @@ export interface TableProps {
      *  classNames for the table container
      */
     className?: string;
+    /**
+     *  classNames for the table Header container
+     */
+    tableHeadClass?: string;
+    /**
+     *  classNames for the table Row container
+     */
+    tableBodyRowClass?: string;
 }

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

@@ -7,6 +7,7 @@ interface ColumnDataProps {
     isClickable?: boolean;
     minWidth?: string;
     cell?: (e: any) => JSX.Element | string | ReactNode;
+    actions?: (e: any) => JSX.Element | string | ReactNode;
 }
 interface ObjectProps {
     [key: string]: any;

package/lib/index.d.ts

@@ -606,6 +606,10 @@ interface SelectProps$1 {
      * optionsRequired:false prop removes options from dropdown & shows static label only
      */
     optionsRequired?: boolean;
+    /**
+     * selectedOptionColor prop provides the custom color for the selected option
+     */
+    selectedOptionColor?: string;
 }
 interface Option$2 {
     label: string | ReactNode;
@@ -613,7 +617,7 @@ interface Option$2 {
     disabled?: boolean;
 }
 
-declare const Select: ({ label, showLabel, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, optionsRequired, }: SelectProps$1) => react_jsx_runtime.JSX.Element;
+declare const Select: ({ label, showLabel, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, optionsRequired, selectedOptionColor, }: SelectProps$1) => react_jsx_runtime.JSX.Element;
 
 interface TextareaProps {
     /**
@@ -913,9 +917,17 @@ interface TableProps {
      *  classNames for the table container
      */
     className?: string;
+    /**
+     *  classNames for the table Header container
+     */
+    tableHeadClass?: string;
+    /**
+     *  classNames for the table Row container
+     */
+    tableBodyRowClass?: string;
 }
 
-declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, height, className, }: TableProps) => react_jsx_runtime.JSX.Element | null;
+declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, height, className, tableHeadClass, tableBodyRowClass, }: TableProps) => react_jsx_runtime.JSX.Element | null;
 
 /**
  * Props for the Add Resource Button component.
@@ -1286,6 +1298,7 @@ interface ColumnDataProps {
     isClickable?: boolean;
     minWidth?: string;
     cell?: (e: any) => JSX.Element | string | ReactNode;
+    actions?: (e: any) => JSX.Element | string | ReactNode;
 }
 interface ObjectProps {
     [key: string]: any;
@@ -1696,6 +1709,50 @@ interface Option {
 
 declare const NlpInput: ({ label, showLabel, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, }: SelectProps) => react_jsx_runtime.JSX.Element;
 
+interface IconRadioItem {
+    /**
+     * The unique name for the icon, used to load the corresponding icon.
+     */
+    iconName: string;
+    /**
+     * The display label for the icon. This can be used for accessibility purposes.
+     */
+    iconLabel: string;
+    /**
+     * Flag to determine if the icon option is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Message to display when the option is disabled.
+     */
+    disableMessage?: string;
+}
+interface IconRadioGroupProps {
+    /**
+     * Array of icon items that make up the radio button group.
+     */
+    items: IconRadioItem[];
+    /**
+     * Callback function called when a button/icon is clicked.
+     * It returns the selected item.
+     */
+    onButtonClick: (selectedItem: IconRadioItem) => void;
+    /**
+     * The currently selected icon value
+     */
+    selectedValue?: string | null;
+    /**
+     * Callback function to notify parent of selection change.
+     */
+    onChange?: (selected: string | null) => void;
+    /**
+     * Optional className for custom styling
+     */
+    className?: string;
+}
+
+declare const IconRadioGroup: React__default.FC<IconRadioGroupProps>;
+
 interface MachineType {
     type: 'Local' | 'mac' | 'android' | 'Google Chrome';
     label: string;
@@ -1744,6 +1801,17 @@ interface ExecutionContext {
 
 declare const SequentialConnectingBranch: ({ machineInstances, machineColumnWidth, machineColumnCount, machineInstance, selectedMachine, machineOptionsList, onMachineSelectionChange, }: SequentialConnectingBranchProps) => react_jsx_runtime.JSX.Element;
 
+interface AttachmentUploaderProps {
+    label: string;
+    selectedFiles: File[];
+    onFilesChange: (files: File[]) => void;
+    disabled?: boolean;
+    maxFileSizeMB?: number;
+    maxFiles?: number;
+}
+
+declare const AttachmentButton: React__default.FC<AttachmentUploaderProps>;
+
 type valueType$1 = any;
 declare const checkEmpty: (value: valueType$1) => boolean;
 
@@ -1791,4 +1859,4 @@ declare const throttle: (func: Callback, limit: number) => ThrottledFunction;
 
 declare const truncateText: (text: string, maxLength: number) => string;
 
-export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, Button, Checkbox, Chip, Col, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExpandableMenu, FileDropzone, Form, HighlightText, Icon, IconButton, Input, InputWithDropdown, MachineInputField, MenuOption, MiniModal, Modal, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toggle, Tooltip, Typography, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, throttle, truncateText, useTheme };
+export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachmentButton, Button, Checkbox, Chip, Col, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExpandableMenu, FileDropzone, Form, HighlightText, Icon, IconButton, IconRadioGroup, Input, InputWithDropdown, MachineInputField, MenuOption, MiniModal, Modal, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toggle, Tooltip, Typography, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, throttle, truncateText, useTheme };