pixel-react-excel-sheet 1.0.11 → 1.0.13

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, size, isLabelRequired, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
+declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
 export default Input;

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/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/MultiSelect/MultiSelect.d.ts

@@ -1,4 +1,4 @@
 import './MultiSelect.scss';
 import { MultiSelectProps } from './MultiSelectTypes';
-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, onEnter }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const MultiSelect: ({ options, type, selectedOptions, onChange, acceptNewOption, zIndex, label, onSearch, required, disabled, errorMessage, displayCount: initialDisplayCount, placeholderForSearching, variant, onLabelPlusIconClick, onManageLabelsClick, className, highlightedMachine, onSelectButtonClick, labelAccessor, valueAccessor, withSelectButton, onEnter, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default MultiSelect;

package/lib/components/PhoneInput/PhoneInput.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import 'react-phone-input-2/lib/style.css';
+import { PhoneInputProps } from './types';
+import './PhoneInput.scss';
+declare const PhoneInputField: React.FC<PhoneInputProps>;
+export default PhoneInputField;

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

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

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

@@ -0,0 +1,10 @@
+export interface PhoneInputProps {
+    country: string;
+    value: string;
+    onChange: (phone: string) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    width?: string;
+    placeholder?: string;
+    isValid: any;
+}

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

@@ -11,4 +11,5 @@ export interface PopUpModalProps {
     secondButtonLabel: string;
     buttonVariant: any;
     border: string;
+    colorForTitleMessage?: string;
 }

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/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/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/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/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/components/TableWithAccordion/TableWithAccordion.d.ts

@@ -0,0 +1,5 @@
+import './TableWithAccordion.scss';
+import '../../../index.scss';
+import { TableProps } from './types';
+declare const TableWithAccordion: ({ tableMeta, tableData, accordionType, noDataContent, height, withFixedHeader, headerType, TableAccordionStateIconWidth, TableAccordionStateIconHeight, }: TableProps) => import("react/jsx-runtime").JSX.Element;
+export default TableWithAccordion;

package/lib/components/TableWithAccordion/data.d.ts

@@ -0,0 +1,8 @@
+export declare const sampleData: {
+    title: string;
+    data: {
+        desc: string;
+        modifiedBy: string;
+        suiteName: string;
+    }[];
+}[];

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

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

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

@@ -0,0 +1,67 @@
+import { ReactNode } from "react";
+export interface ColumnProps {
+    /**
+     * column name
+     */
+    header: string;
+    /**
+     * data key for particular column
+     */
+    accessor: string;
+    /**
+     * className for a column
+     */
+    className?: string;
+    /**
+     * width of a column
+     */
+    width?: number;
+    /**
+     * data for the column
+     */
+    cell?: (e: any) => JSX.Element | string | ReactNode;
+}
+export interface DataProps {
+    /**
+     * data for each row
+     */
+    [key: string]: any;
+}
+export interface TableProps {
+    /**
+     * Column details for table
+     */
+    tableMeta: Array<ColumnProps>;
+    /**
+     * Data for table
+     */
+    tableData: Array<DataProps>;
+    /**
+     * Table type
+     */
+    accordionType: 'row' | 'column';
+    /**
+     *  Specific sentence to be displayed data not found
+     */
+    noDataContent?: string | ReactNode;
+    /**
+     * withFixedHeader prop to have non-scrollable fixed accordion table header
+     */
+    withFixedHeader?: boolean;
+    /**
+     *  Height of the table in string
+     */
+    height?: string;
+    /**
+     * Header type to have different background color
+     */
+    headerType: 'default' | 'primary' | 'secondary';
+    /**
+     * Accordion collapse and expand Icon width
+     */
+    TableAccordionStateIconWidth: number;
+    /**
+     * Accordion collapse and expand Icon height
+     */
+    TableAccordionStateIconHeight: number;
+}

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.