pixel-react 1.6.2 → 1.6.5

package/lib/components/AttachImage/AttachImage.d.ts

@@ -1,10 +1,5 @@
 import React from 'react';
 import './AttachImage.scss';
-export interface AttachImageProps {
-    imageSrc: string;
-    onExpandClick: () => void;
-    onDeleteClick: () => void;
-    onDownloadClick: () => void;
-}
+import { AttachImageProps } from './types';
 declare const AttachImage: React.FC<AttachImageProps>;
 export default AttachImage;

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

@@ -15,4 +15,12 @@ export interface AttachImageProps {
      * Function triggered when the download icon is clicked.
      */
     onDownloadClick: () => void;
+    /**
+     * Custom height for the component.
+     */
+    height?: string;
+    /**
+     * Custom width for the component.
+     */
+    width?: string;
 }

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

@@ -10,7 +10,7 @@ export interface AvatarProps {
     /**
      * This property specifies the name of the icon to be displayed within the avatar.
      */
-    iconName: string;
+    iconName?: string;
     /**
      * This property allows you to customize the color of the icon within the avatar.
      */
@@ -23,4 +23,12 @@ export interface AvatarProps {
      * This property allows you to set a custom size for the icon within the avatar.
      */
     customIconSize?: number;
+    /**
+    * This property specifies the label to display inside the avatar, used as an alternative to the icon.
+    */
+    label?: string;
+    /**
+     * This property allows you to customize the font size of the label inside the avatar.
+     */
+    labelFontSize?: string;
 }

package/lib/components/CreateVariable/CreateVariableSlider.d.ts

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

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

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

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

@@ -0,0 +1,56 @@
+export type variableType = 'LOCAL' | 'GLOBAL' | 'GROUP' | 'PROJECT_ENVIRONMENT';
+export type DynamicObj = {
+    [key: string]: any;
+};
+export 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 | boolean) => void;
+    /**
+     * onChange of value
+     */
+    onValueChange: (value: string | boolean) => void;
+    /**
+     * Hide value
+     */
+    hideValue: boolean;
+    /**
+     * onChange for hide value
+     */
+    onHideChange: (value: boolean) => void;
+    /**
+     * Function to handle submit
+     */
+    handleSubmit: () => void;
+}

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

@@ -137,4 +137,17 @@ export interface DrawerProps {
      * Custom top for the drawer
      */
     top?: string;
+    /**
+     * Height of the drawer
+     */
+    height?: string;
+    /**
+     *
+     * width of the drawer
+     */
+    width?: string;
+    /**
+     * Position from right
+     */
+    right?: string | number;
 }

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

@@ -2,4 +2,5 @@ export interface IconButtonProps {
     label: string;
     iconName: string;
     onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    ref?: React.RefObject<HTMLButtonElement>;
 }

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

@@ -5,6 +5,8 @@ interface ModalDimensions {
     borderRadius?: number;
     zIndex?: number;
     boxShadow?: string;
+    left?: number;
+    top?: number;
 }
 export interface MiniEditModalProps {
     /**
@@ -94,6 +96,11 @@ export interface MiniEditModalProps {
         boxShadow?: string;
     };
     arrowZIndex?: number;
+    arrowProperties?: {
+        left?: number;
+        top?: number;
+        size?: number;
+    };
     overlay?: {
         isOverlay?: boolean;
         zIndexOverlay?: number;

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

@@ -12,6 +12,7 @@ export interface DropdownProps {
     selectArrowRef?: RefObject<HTMLDivElement>;
     heightFromTop: number;
     selectedOption?: Option;
+    showIcon?: boolean;
 }
 export declare const dropdownDefaultCSSData: {
     margin: number;

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

@@ -22,6 +22,8 @@ export interface SelectProps {
     width?: number | string;
     onBlur?: () => void;
     disableInput?: boolean;
+    showIcon?: boolean;
+    iconName?: string;
 }
 export interface DrowdownPosition {
     positionX: number;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TableBodyProps } from '../types';
+declare const TableBody: React.MemoExoticComponent<({ flattenedTreeData, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, }: TableBodyProps) => import("react/jsx-runtime").JSX.Element>;
+export default TableBody;

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

@@ -0,0 +1,4 @@
+import { TableCellProps } from '../types';
+import React from 'react';
+declare const TableCell: React.MemoExoticComponent<({ col, node, level, selected, select, onCheckBoxChange, onToggleExpand, }: TableCellProps) => import("react/jsx-runtime").JSX.Element>;
+export default TableCell;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TableHeadProps } from '../types';
+declare const TableHead: React.MemoExoticComponent<({ columnsData }: TableHeadProps) => import("react/jsx-runtime").JSX.Element>;
+export default TableHead;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TableRowProps } from '../types';
+declare const TableRow: React.MemoExoticComponent<({ node, level, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, }: TableRowProps) => import("react/jsx-runtime").JSX.Element>;
+export default TableRow;

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

@@ -0,0 +1,25 @@
+import React, { ReactNode } from 'react';
+import './TableTree.scss';
+interface ColumnDataProps {
+    name: string;
+    accessor: string;
+    width: string;
+    isClickable?: boolean;
+    minWidth?: string;
+    cell?: (e: any) => JSX.Element | string | ReactNode;
+    actions?: (e: any) => JSX.Element | string | ReactNode;
+}
+interface ObjectProps {
+    [key: string]: any;
+}
+interface TableTreeProps {
+    select: 'checkbox' | 'radio' | 'none';
+    columnsData: Array<ColumnDataProps>;
+    treeData: Array<ObjectProps>;
+    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>, data: any) => void;
+    onChange?: (e: any, node: any) => void;
+    selected: Array<string>;
+    onPagination?: (node: ObjectProps) => void;
+}
+declare const TableTree: ({ columnsData, treeData, select, onClick, onChange, selected, onPagination, }: TableTreeProps) => import("react/jsx-runtime").JSX.Element;
+export default TableTree;

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

@@ -0,0 +1 @@
+declare const getAllChildIds: (nodeId: string, data: any[]) => string[];

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

@@ -1,28 +1,61 @@
+import { ReactNode } from 'react';
 export interface TreeNode {
     key: string;
     [key: string]: any;
     children?: TreeNode[];
     expanded?: boolean;
 }
+declare type JSX = ReactNode | JSX.Element[] | string | null;
+export interface TableCellProps {
+    col: any;
+    node: any;
+    level: number;
+    selected: string[];
+    select: string | null;
+    onCheckBoxChange: (type: string, node: any) => void;
+    onToggleExpand: (node: any) => void;
+}
+export interface TableHeadProps {
+    columnsData: any[];
+}
+export interface TableBodyProps {
+    flattenedTreeData: any[];
+    columnsData: any[];
+    selected: string[];
+    select: string | null;
+    onRowClick: (e: any, node: any) => void;
+    onToggleExpand: (node: any) => void;
+    onCheckBoxChange: (type: string, node: any) => void;
+}
+export interface TableRowProps {
+    node: any;
+    level: number;
+    columnsData: any[];
+    selected: string[];
+    select: string | null;
+    onRowClick: (e: any, node: any) => void;
+    onToggleExpand: (node: any) => void;
+    onCheckBoxChange: (type: string, node: any) => void;
+}
 export interface Column {
     name: string;
     accessor: string;
     width: string;
     isClickable?: boolean;
-    cell?: (row: any) => JSX.Element | string | null;
-    actions?: (row: any) => JSX.Element[];
+    cell?: (row: any) => JSX;
+    actions?: (row: any) => JSX;
     isTree?: boolean;
     defaultValue?: string;
-    defaultActions?: () => JSX.Element[];
+    defaultActions?: () => JSX;
 }
 export interface TreeTableProps {
     treeData: any;
     columnsData: Column[];
     selected?: string[];
     select?: 'radio' | 'checkbox' | 'none';
-    onChange?: (nodes: string[]) => void;
+    onChange?: (e: any, node: string[]) => void;
     onClick?: (e: React.MouseEvent<HTMLDivElement>, row: TreeNode) => void;
-    expandedNodes: string[];
     onExpand?: (_isExpanded: boolean, node: string) => void;
     onPagination?: (_direction: string) => void;
 }
+export {};

package/lib/index.d.ts

@@ -214,6 +214,19 @@ interface DrawerProps {
      * Custom top for the drawer
      */
     top?: string;
+    /**
+     * Height of the drawer
+     */
+    height?: string;
+    /**
+     *
+     * width of the drawer
+     */
+    width?: string;
+    /**
+     * Position from right
+     */
+    right?: string | number;
 }
 
 declare const Drawer: FC<DrawerProps>;
@@ -674,6 +687,8 @@ interface SelectProps$1 {
     width?: number | string;
     onBlur?: () => void;
     disableInput?: boolean;
+    showIcon?: boolean;
+    iconName?: string;
 }
 type OptionValue = any;
 interface Option$2 {
@@ -1411,6 +1426,8 @@ interface ModalDimensions {
     borderRadius?: number;
     zIndex?: number;
     boxShadow?: string;
+    left?: number;
+    top?: number;
 }
 interface MiniEditModalProps {
     /**
@@ -1500,6 +1517,11 @@ interface MiniEditModalProps {
         boxShadow?: string;
     };
     arrowZIndex?: number;
+    arrowProperties?: {
+        left?: number;
+        top?: number;
+        size?: number;
+    };
     overlay?: {
         isOverlay?: boolean;
         zIndexOverlay?: number;
@@ -1516,25 +1538,25 @@ interface TreeNode {
     children?: TreeNode[];
     expanded?: boolean;
 }
+declare type JSX$1 = ReactNode | JSX$1.Element[] | string | null;
 interface Column {
     name: string;
     accessor: string;
     width: string;
     isClickable?: boolean;
-    cell?: (row: any) => JSX.Element | string | null;
-    actions?: (row: any) => JSX.Element[];
+    cell?: (row: any) => JSX$1;
+    actions?: (row: any) => JSX$1;
     isTree?: boolean;
     defaultValue?: string;
-    defaultActions?: () => JSX.Element[];
+    defaultActions?: () => JSX$1;
 }
 interface TreeTableProps {
     treeData: any;
     columnsData: Column[];
     selected?: string[];
     select?: 'radio' | 'checkbox' | 'none';
-    onChange?: (nodes: string[]) => void;
+    onChange?: (e: any, node: string[]) => void;
     onClick?: (e: React.MouseEvent<HTMLDivElement>, row: TreeNode) => void;
-    expandedNodes: string[];
     onExpand?: (_isExpanded: boolean, node: string) => void;
     onPagination?: (_direction: string) => void;
 }
@@ -1708,6 +1730,7 @@ interface IconButtonProps {
     label: string;
     iconName: string;
     onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    ref?: React.RefObject<HTMLButtonElement>;
 }
 
 declare const IconButton: React__default.FC<IconButtonProps>;
@@ -2128,7 +2151,7 @@ interface AvatarProps {
     /**
      * This property specifies the name of the icon to be displayed within the avatar.
      */
-    iconName: string;
+    iconName?: string;
     /**
      * This property allows you to customize the color of the icon within the avatar.
      */
@@ -2141,6 +2164,14 @@ interface AvatarProps {
      * This property allows you to set a custom size for the icon within the avatar.
      */
     customIconSize?: number;
+    /**
+    * This property specifies the label to display inside the avatar, used as an alternative to the icon.
+    */
+    label?: string;
+    /**
+     * This property allows you to customize the font size of the label inside the avatar.
+     */
+    labelFontSize?: string;
 }
 
 declare const Avatar: React__default.FC<AvatarProps>;
@@ -2298,11 +2329,32 @@ interface IconRadialChartProps {
 declare const IconRadialChart: React__default.FC<IconRadialChartProps>;
 
 interface AttachImageProps {
+    /**
+     * The image source to display.
+     */
     imageSrc: string;
+    /**
+     * Function triggered when the expand icon is clicked.
+     */
     onExpandClick: () => void;
+    /**
+     * Function triggered when the delete icon is clicked.
+     */
     onDeleteClick: () => void;
+    /**
+     * Function triggered when the download icon is clicked.
+     */
     onDownloadClick: () => void;
+    /**
+     * Custom height for the component.
+     */
+    height?: string;
+    /**
+     * Custom width for the component.
+     */
+    width?: string;
 }
+
 declare const AttachImage: React__default.FC<AttachImageProps>;
 
 interface CardProps {
@@ -2449,6 +2501,64 @@ interface fieldSetProps {
 
 declare const FieldSet: FC<fieldSetProps>;
 
+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 | boolean) => void;
+    /**
+     * onChange of value
+     */
+    onValueChange: (value: string | boolean) => void;
+    /**
+     * Hide value
+     */
+    hideValue: boolean;
+    /**
+     * onChange for hide value
+     */
+    onHideChange: (value: boolean) => void;
+    /**
+     * Function to handle submit
+     */
+    handleSubmit: () => void;
+}
+
+declare const CreateVariableSlider: FC<CreateVariableProps>;
+
 type valueType$1 = any;
 declare const checkEmpty: (value: valueType$1) => boolean;
 
@@ -2595,4 +2705,4 @@ interface PopUpModalProps {
 
 declare const PopUpModal: FC<PopUpModalProps>;
 
-export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BarChart, Button, Checkbox, Chip, Col, ConnectingBranch, Container, 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, PieChart, PopUpModal, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, Table, TreeTable as TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, VariableDropdown, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, saveFileFromBlob, throttle, toast, truncateText, useFileDropzone, useTheme };
+export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BarChart, Button, Checkbox, Chip, Col, 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, PieChart, PopUpModal, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, Table, TreeTable as TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, VariableDropdown, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, saveFileFromBlob, throttle, toast, truncateText, useFileDropzone, useTheme };