pixel-react-excel-sheet 1.2.0

package/lib/components/Form/Form.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { UseFormProps, SubmitHandler, FieldValues, FieldPath, FieldErrors } from 'react-hook-form';
+import './Form.scss';
+interface FormProps<T extends FieldValues> extends UseFormProps<T> {
+    onSubmit: SubmitHandler<T>;
+    children: (props: {
+        register: (name: FieldPath<T>, options?: any) => any;
+        errors: FieldErrors<T>;
+        handleBlur: (field: FieldPath<T>) => void;
+        getValues: () => T;
+        watch: (field?: FieldPath<T>) => any;
+        setValue: (field: FieldPath<T>, value: any, options?: object) => void;
+    }) => React.ReactNode;
+}
+declare const Form: <T extends FieldValues>({ onSubmit, children, ...rest }: FormProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default Form;

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Form from './Form';
+declare const meta: Meta<typeof Form>;
+type Story = StoryObj<typeof Form>;
+export declare const WithControlledState: Story;
+export default meta;

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

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

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

@@ -0,0 +1 @@
+export type FormValues = Record<string, any>;

package/lib/components/GridLayout/GridLayout.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './GridLayout.scss';
+import { ContainerProps, RowProps, ColProps } from './types';
+export declare const Container: React.FC<ContainerProps>;
+export declare const Row: React.FC<RowProps>;
+export declare const Col: React.FC<ColProps>;

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

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Container } from './GridLayout';
+import './GridLayoutStory.scss';
+declare const meta: Meta<typeof Container>;
+type ContainerStory = StoryObj<typeof Container>;
+export declare const Grid: ContainerStory;
+export declare const Grid2: ContainerStory;
+export default meta;

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

@@ -0,0 +1,2 @@
+declare const _default: "./GridLayout.tsx";
+export default _default;

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

@@ -0,0 +1,74 @@
+import { ReactNode } from 'react';
+export interface ContainerProps {
+    /**
+     * The content to be displayed inside the container.
+     * Typically consists of rows and columns.
+     *
+     * @type {ReactNode}
+     */
+    children: ReactNode;
+    /**
+     * Determines if the container should be fluid (expand to 100% width) or fixed width.
+     *
+     * @default false
+     * @type {boolean}
+     */
+    fluid?: boolean;
+    /**
+     * Defines the gap (spacing) between the rows and columns inside the container.
+     * Accepts any valid CSS size value (e.g., '10px', '1rem', etc.).
+     *
+     * @default '0px'
+     * @type {string}
+     */
+    gap?: string;
+    /**
+     * Classname for Container
+     * @default ''
+     * @type {string}
+     */
+    className?: string;
+}
+export interface RowProps {
+    /**
+     * The content to be displayed inside the row, usually consisting of columns (`<Col />`).
+     *
+     * @type {ReactNode}
+     */
+    children: ReactNode;
+    /**
+     * The gap (spacing) between columns within the row.
+     * Accepts any valid CSS size value.
+     *
+     * @default '0px'
+     * @type {string}
+     */
+    gap?: string;
+    /**
+     * @default ''
+     * @type string
+     */
+    className?: string;
+}
+export interface ColProps {
+    /**
+     * The content to be displayed inside the column.
+     *
+     * @type {ReactNode}
+     */
+    children: ReactNode;
+    /**
+     * Defines the width of the column as a fraction of 12 (for a 12-column grid system).
+     * For example, `size={6}` would make the column take up half the width of the row.
+     *
+     * @default 12
+     * @type {number}
+     */
+    size?: number;
+    /**
+     * @default  ''
+     * @type string
+     *
+     */
+    className?: string;
+}

package/lib/components/HighlightText/HighlightText.d.ts

@@ -0,0 +1,4 @@
+import { HighlightTextProps } from './types';
+import './HighlightText.scss';
+declare const HighlightText: React.FC<HighlightTextProps>;
+export default HighlightText;

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import HighlightText from './HighlightText';
+declare const meta: Meta<typeof HighlightText>;
+type Story = StoryObj<typeof HighlightText>;
+export declare const Primary: Story;
+export default meta;

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

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

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

@@ -0,0 +1,4 @@
+export interface HighlightTextProps {
+    text?: string;
+    highlight?: String;
+}

package/lib/components/Icon/Icon.d.ts

@@ -0,0 +1,4 @@
+import './Icons.scss';
+import { IconProps } from './types';
+declare const Icon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<HTMLSpanElement>>;
+export default Icon;

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

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Icon from './Icon';
+declare const meta: Meta<typeof Icon>;
+type Story = StoryObj<typeof Icon>;
+export declare const Icons: Story;
+export declare const AllIcons: Story;
+export default meta;

package/lib/components/Icon/iconList.d.ts

@@ -0,0 +1,2 @@
+declare let Components: any;
+export default Components;

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

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

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

@@ -0,0 +1,10 @@
+export interface IconProps {
+    name: string;
+    className?: string;
+    height?: number;
+    width?: number;
+    color?: string;
+    onClick?: (data?: any) => void;
+    hoverEffect?: boolean;
+    disabled?: boolean;
+}

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

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

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

@@ -0,0 +1,7 @@
+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/IconButton/index.d.ts

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

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

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

package/lib/components/IconRadioGroup/IconRadioGroup.d.ts

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

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

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import IconRadioGroup from './IconRadioGroup';
+declare const meta: Meta<typeof IconRadioGroup>;
+type Story = StoryObj<typeof IconRadioGroup>;
+export declare const Default: Story;
+export declare const WithDisabledOption: Story;
+export default meta;

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

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

package/lib/components/IconRadioGroup/type.d.ts

@@ -0,0 +1,41 @@
+export 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;
+}
+export 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;
+}

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

@@ -0,0 +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, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
+export default Input;

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

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

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

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

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

@@ -0,0 +1,78 @@
+export interface InputProps {
+    /**
+     * Name | name of the input field
+     */
+    name: string;
+    /**
+     * Label | field label to be displayed
+     */
+    label?: string;
+    /**
+     * value | input field value
+     */
+    value: string | number;
+    /**
+     * variants to set color/style of the input field
+     */
+    variant?: 'default' | 'primary';
+    /**
+     * type to set color/style of the input field
+     */
+    type: 'text' | 'password' | 'number' | 'email' | 'url' | 'time';
+    /**
+     * error | If true, error message will be displayed
+     */
+    error?: boolean;
+    /**
+     * helperText | error, success, warning message to be shown
+     */
+    helperText?: string;
+    /**
+     * to disable the input field
+     */
+    disabled?: boolean;
+    /**
+     * if true, input field will be mandatory
+     */
+    required?: boolean;
+    /**
+     * placeholder for the input field
+     */
+    placeholder?: string;
+    /**
+     * classnames to style the input field
+     */
+    className?: string;
+    /**
+     * noBorder prop 'true' removes border of input
+     */
+    noBorder?: boolean;
+    /**
+     * onChange, onKeyDown, onBlur, onFocus actions
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * id to select the input field uniquely
+     */
+    id?: string;
+    /**
+     * if on, suggestion popup will be displayed
+     */
+    autoComplete?: 'on' | 'off';
+    /**
+     *  minimum and maximum values for the number type input field and their functions
+     */
+    minValue?: number;
+    maxValue?: number;
+    /**
+     * background of the input field prop
+     */
+    transparentBackground?: boolean;
+    /**
+     * size for the input field
+     */
+    size?: 'small' | 'medium';
+}

package/lib/components/InputWithDropdown/InputWithDropdown.d.ts

@@ -0,0 +1,4 @@
+import './InputWithDropdown.scss';
+import { InputWithDropdownProps } from './types';
+declare const InputWithDropdown: ({ name, label, value, disabled, required, placeholder, error, helperText, optionsList, selectedOption, onDropdownChangeHandler, onInputChangeHandler, onInputBlurHandler, optionsRequired, }: InputWithDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export default InputWithDropdown;

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

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

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

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

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

@@ -0,0 +1,88 @@
+import { ReactNode } from 'react';
+export interface Option {
+    label: string | ReactNode;
+    value: string;
+}
+export interface InputWithDropdownProps {
+    /**
+     * Name | name of the input field
+     */
+    name: string;
+    /**
+     * Label | field label to be displayed
+     */
+    label?: string;
+    /**
+     * value | input field value
+     */
+    value?: number;
+    /**
+     * variants to set color/style of the input field
+     */
+    variant?: 'default' | 'primary';
+    /**
+     * error | If true, error message will be displayed
+     */
+    error?: boolean;
+    /**
+     * helperText | error, success, warning message to be shown
+     */
+    helperText?: string;
+    /**
+     * to disable the input field
+     */
+    disabled?: boolean;
+    /**
+     * if true, input field will be mandatory
+     */
+    required?: boolean;
+    /**
+     * placeholder for the input field
+     */
+    placeholder?: string;
+    /**
+     * classnames to style the input field
+     */
+    className?: string;
+    /**
+     * Options for the select dropdown
+     */
+    optionsList: Option[];
+    /**
+     * Selected option for the select dropdown
+     */
+    selectedOption?: Option;
+    /**
+     * onChange handler for input changes
+     */
+    onInputChangeHandler?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * onChange handler for dropdown changes
+     */
+    onDropdownChangeHandler?: (option: Option) => void;
+    /**
+     * onInputBlurHandler action for input field
+     */
+    onInputBlurHandler?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * id to select the input field uniquely
+     */
+    id?: string;
+    /**
+     * if on, suggestion popup will be displayed
+     */
+    autoComplete?: 'on' | 'off';
+    /**
+     * minimum and maximum values for the number type input field
+     */
+    minValue?: number;
+    maxValue?: number;
+    /**
+     * background of the input field prop
+     */
+    isBackgroundTransparent?: boolean;
+    /**
+     * optionsRequired:false prop removes options from dropdown & shows static label only
+     */
+    optionsRequired?: boolean;
+}

package/lib/components/LazyLoad/LazyLoad.d.ts

@@ -0,0 +1,2 @@
+import * as LazyLoad from 'react-window';
+export default LazyLoad;

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

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import LazyLoading from './LazyLoading';
+declare const meta: Meta;
+type Story = StoryObj<typeof LazyLoading>;
+export declare const Primary: Story;
+export default meta;

package/lib/components/LazyLoad/LazyLoading.d.ts

@@ -0,0 +1,2 @@
+declare const LazyLoading: () => import("react/jsx-runtime").JSX.Element;
+export default LazyLoading;

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

@@ -0,0 +1 @@
+export * from './LazyLoad';

package/lib/components/MachineInputField/MachineInputField.d.ts

@@ -0,0 +1,4 @@
+import './MachineInputField.scss';
+import { MachineInputFieldProps } from './types';
+declare const MachineInputField: import("react").ForwardRefExoticComponent<MachineInputFieldProps & import("react").RefAttributes<HTMLDivElement>>;
+export default MachineInputField;

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import MachineInputField from './MachineInputField';
+declare const meta: Meta<typeof MachineInputField>;
+type Story = StoryObj<typeof MachineInputField>;
+export declare const Primary: Story;
+export default meta;

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

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

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

@@ -0,0 +1,11 @@
+export interface MachineType {
+    type: 'Local' | 'mac' | 'android' | 'Google Chrome';
+    label: string;
+}
+export interface MachineInputFieldProps {
+    width: string;
+    options: MachineType[];
+    runCount: number;
+    className?: string;
+    contentReverse?: boolean;
+}

package/lib/components/MenuOption/MenuOption.d.ts

@@ -0,0 +1,4 @@
+import './MenuOption.scss';
+import { MenuOptionProps } from './types';
+declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, dropdownPlacement, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;
+export default MenuOption;

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

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import MenuOption from './MenuOption';
+import './MenuOption.scss';
+export declare const DefaultMenuOption: Story;
+declare const meta: Meta<typeof MenuOption>;
+type Story = StoryObj<typeof MenuOption>;
+export declare const ControlledMenuOption: Story;
+export declare const MenuOptionWithLabel: Story;
+export declare const MenuOptionWithDisabledHoverEffect: Story;
+export declare const MenuOptionWithToolTip: Story;
+export declare const MenuOptionPlacementTop: Story;
+export declare const MenuOptionPlacementDown: Story;
+export declare const MenuOptionPlacementLeft: Story;
+export declare const MenuOptionPlacementRight: Story;
+export declare const MenuOptionCustom: Story;
+export default meta;

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

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