pixel-react 1.1.6 → 1.1.8

package/lib/components/AttachmentButton/AttachmentButton.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { AttachmentUploaderProps } from './types';
+import './AttachmentButton.scss';
+declare const AttachmentButton: React.FC<AttachmentUploaderProps>;
+export default AttachmentButton;

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

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

package/lib/components/AttachmentButton/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AttachmentButton';

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

@@ -0,0 +1,8 @@
+export interface AttachmentUploaderProps {
+    label: string;
+    selectedFiles: File[];
+    onFilesChange: (files: File[]) => void;
+    disabled?: boolean;
+    maxFileSizeMB?: number;
+    maxFiles?: number;
+}

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

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

package/lib/components/Input/Input.d.ts

@@ -1,4 +1,4 @@
 import './Input.scss';
 import { InputProps } from './types';
-declare const Input: ({ type, variant, name, label, disabled, required, placeholder, value, helperText, error, noBorder, className, onChange, onBlur, onFocus, autoComplete, minValue, maxValue, transparentBackground, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
+declare const Input: ({ type, variant, name, label, disabled, required, placeholder, value, helperText, error, noBorder, className, onChange, onBlur, onFocus, autoComplete, minValue, maxValue, transparentBackground, size, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
 export default Input;

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

@@ -71,4 +71,8 @@ export interface InputProps {
      * background of the input field prop
      */
     transparentBackground?: boolean;
+    /**
+     * size for the input field
+     */
+    size?: 'small' | 'medium';
 }

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

@@ -4,6 +4,6 @@ import './MiniModal.scss';
 declare const meta: Meta<typeof MiniModal>;
 type Story = StoryObj<typeof MiniModal>;
 export declare const BasicModal: Story;
-export declare const CustomModalWithWrapper: () => import("react/jsx-runtime").JSX.Element;
 export declare const CustomModalWithArrow: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomModalWithWrapper: () => import("react/jsx-runtime").JSX.Element;
 export default meta;

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

@@ -86,4 +86,16 @@ export interface MiniEditModalProps {
         rightAlignModal?: number;
     };
 }
+export interface Rect {
+    top: number;
+    left: number;
+    bottom: number;
+    right: number;
+}
+export interface AvailableSpace {
+    spaceTop: number;
+    spaceLeft: number;
+    spaceRight: number;
+    spaceBottom: number;
+}
 export {};

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

@@ -530,9 +530,13 @@ interface InputProps {
      * background of the input field prop
      */
     transparentBackground?: boolean;
+    /**
+     * size for the input field
+     */
+    size?: 'small' | 'medium';
 }
 
-declare const Input: ({ type, variant, name, label, disabled, required, placeholder, value, helperText, error, noBorder, className, onChange, onBlur, onFocus, autoComplete, minValue, maxValue, transparentBackground, ...props }: InputProps) => react_jsx_runtime.JSX.Element;
+declare const Input: ({ type, variant, name, label, disabled, required, placeholder, value, helperText, error, noBorder, className, onChange, onBlur, onFocus, autoComplete, minValue, maxValue, transparentBackground, size, ...props }: InputProps) => react_jsx_runtime.JSX.Element;
 
 type Status$1 = {
     status: 'Passed' | 'Failed' | 'Warning' | 'Skipped' | 'passed' | 'failed' | 'warning' | 'skipped';
@@ -602,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;
@@ -609,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 {
     /**
@@ -909,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.
@@ -1282,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;
@@ -1740,6 +1757,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;
 
@@ -1787,4 +1815,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, 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 };