pixel-react 1.2.1 → 1.2.3

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

@@ -24,48 +24,9 @@ interface WorkData {
     /** Value of the cell */
     value: string;
     /** Styling options for the cell */
-    style: CellStyle;
+    style: React.CSSProperties;
     type?: boolean;
 }
-interface CellStyle {
-    /** Font name for the cell text */
-    name?: string;
-    /** Font size of the cell text */
-    size?: number;
-    position?: string;
-    /** Whether the text is bold */
-    bold?: boolean;
-    fontSize?: string;
-    fontFamily?: string;
-    /** Whether the text is italicized */
-    italic?: boolean;
-    /** Text color in the cell (hex code) */
-    color?: string;
-    /** Background color of the cell (hex code) */
-    backgroundColor?: string;
-    /** Border color of the cell (hex code) */
-    borderColor?: string;
-    /** Border styles for each side of the cell */
-    border?: {
-        /** Border style for the top side of the cell */
-        top: string;
-        /** Border style for the bottom side of the cell */
-        bottom: string;
-        /** Border style for the left side of the cell */
-        left: string;
-        /** Border style for the right side of the cell */
-        right: string;
-    };
-    /** Text alignment and wrapping properties */
-    alignment?: {
-        /** Horizontal text alignment ('left', 'center', or 'right') */
-        horizontal: string;
-        /** Vertical text alignment ('top', 'middle', or 'bottom') */
-        vertical: string;
-        /** Whether the text is wrapped within the cell */
-        wrapText: boolean;
-    };
-}
 /** A generic type to represent a 2D matrix of any type (or undefined values) */
 type Matrix<T> = (T | undefined)[][];
 interface ContextAction {
@@ -116,18 +77,10 @@ interface SelectedValue {
     /** The column represented as an alphabetical string ('A', 'B') */
     alphaCol: string;
     /** The style applied to the selected cell */
-    style: CellStyle;
+    style: React.CSSProperties;
     /** The sheet name where the cell is located */
     sheet: string;
 }
-interface ExcelToolBarProps {
-    /** use this to hide/show/disable the toolbar */
-    toolbar?: 'show' | 'disable' | 'hide';
-    /** function to apply styles */
-    applyStyle: (styleType: string, value: any) => void;
-    /** function to trigger format painter */
-    formatePaint: () => void;
-}
 interface ExcelSheetBarProps {
     /** Object containing details about the file, including sheet names */
     fileDetails: {

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

@@ -1,16 +1,2 @@
-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;
+import * as Form from 'react-hook-form';
 export default Form;

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

@@ -1,6 +1,7 @@
-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;
+import Forms from './Forms';
+import { Meta, StoryObj } from '@storybook/react/*';
+import './Form.scss';
+declare const meta: Meta<typeof Forms>;
+type Story = StoryObj<typeof Forms>;
+export declare const WithDefaultValues: Story;
 export default meta;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import Form from './Form';
+interface FormProps<T extends Form.FieldValues> extends Form.UseFormProps<T> {
+    onSubmit: Form.SubmitHandler<T>;
+    children: (methods: ReturnType<typeof Form.useForm<T>>) => React.ReactNode;
+}
+declare const Forms: <T extends Form.FieldValues>({ onSubmit, children, ...rest }: FormProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default Forms;

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

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

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

@@ -7,5 +7,5 @@ export interface IconProps {
     onClick?: (data?: any) => void;
     hoverEffect?: boolean;
     disabled?: boolean;
-    variant?: "dark" | "light";
+    variant?: 'dark' | 'light';
 }

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

@@ -85,15 +85,15 @@ interface MenuOptionProps {
      */
     dropdownPlacement?: string | 'top' | 'left' | 'right' | 'down';
     /**
-     * Callback function triggered when the icon is clicked.
-     * @type {function}
-     * @optional
-     */
+    * The variant of the menu option, either 'dark' or 'light'.
+    * @type {'dark' | 'light'}
+    * @default 'light'
+    * @optional
+    */
     variant?: 'dark' | 'light';
     /**
-     * The variant of the menu option, either 'dark' or 'light'.
-     * @type {'dark' | 'light'}
-     * @default 'light'
+     * Callback function triggered when the icon is clicked.
+     * @type {function}
      * @optional
      */
     onClick?: () => void;

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

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

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

@@ -1,8 +1,4 @@
 import { ReactNode, RefObject } from 'react';
-interface ButtonProps {
-    text: string;
-    onClick: () => void;
-}
 interface ModalDimensions {
     width?: number;
     height?: number;
@@ -23,11 +19,11 @@ export interface MiniEditModalProps {
     /**
      * Props for the cancel button inside the modal
      */
-    cancelButtonProps: ButtonProps;
+    cancelButtonProps?: any;
     /**
      * Props for the proceed button inside the modal.
      */
-    proceedButtonProps: ButtonProps;
+    proceedButtonProps?: any;
     /**
      * Optional content for the footer of the modal.
      */
@@ -44,6 +40,10 @@ export interface MiniEditModalProps {
      * Specifies if the modal should behave as a popover with an arrow.
      */
     isPopOver?: boolean;
+    /**
+     * Specifies if the modal should behave as a popover with an arrow.
+     */
+    isIconModel?: boolean;
     /**
      * Sets the position of the modal relative to its anchor.
      * bottom: The modal appears below the anchor.

package/lib/components/ModulesChip/ModuleChip.d.ts

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

package/lib/components/ModulesChip/ModuleChip.stories.d.ts

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

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

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

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

@@ -0,0 +1,14 @@
+export interface ModuleChipProps {
+    /**
+     * mandatory | label for the ModuleChip component
+     */
+    label: string;
+    /**
+     * mandatory | isActive for the ModuleChip component
+     */
+    isActive: boolean;
+    /**
+     * mandatory | onClick for the ModuleChip component
+     */
+    onClick: () => void;
+}

package/lib/components/MultiSelect/MultiSelectTypes.d.ts

@@ -3,6 +3,7 @@ interface Option {
     value?: string;
     accessor?: string;
     isChecked?: boolean;
+    isDisabled?: boolean;
 }
 interface MultiSelectProps {
     options: Option[];

package/lib/components/Toastify/Toastify.d.ts

@@ -0,0 +1,8 @@
+export declare const Toastify: () => import("react/jsx-runtime").JSX.Element;
+export default Toastify;
+export declare const toast: {
+    success: (message: string) => void;
+    error: (message: string) => void;
+    warning: (message: string) => void;
+    info: (message: string) => void;
+};

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

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

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

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

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

@@ -0,0 +1,7 @@
+export type Variant = 'success' | 'warning' | 'danger' | 'info' | 'confirm';
+export interface ToastProps {
+    isOpen: boolean;
+    variant: Variant;
+    toastTitle: string;
+    toastMessage: string;
+}

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

@@ -33,5 +33,11 @@ interface TooltipProps {
      * @default false
      */
     disabled?: boolean;
+    /**.
+     * Z-Index is by default 99
+     *
+     * @default 99
+     */
+    zIndex?: number | string;
 }
 export { TooltipContainerRef, TitleRef, IsTitleEmpty, Position, TooltipProps, };

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

@@ -44,4 +44,5 @@ export interface TypographyProps {
      * To add onClick function
      */
     onClick?: () => void;
+    required?: boolean;
 }

package/lib/index.d.ts

@@ -1,15 +1,15 @@
 import * as LazyLoad from 'react-window';
 export { LazyLoad };
+import * as Form from 'react-hook-form';
 import * as React$1 from 'react';
 import React__default, { ReactNode, FC, RefObject, ComponentProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FieldValues, UseFormProps, SubmitHandler, FieldPath, FieldErrors } from 'react-hook-form';
 import * as DNDCore from '@dnd-kit/core';
 import * as DNDSortable from '@dnd-kit/sortable';
 import * as DNDUtilities from '@dnd-kit/utilities';
 import ReCAPTCHA from 'react-google-recaptcha';
 
-interface ButtonProps$1 {
+interface ButtonProps {
     /**
      * Variant of the button
      */
@@ -70,7 +70,7 @@ interface ButtonProps$1 {
     transparentBackground?: boolean;
 }
 
-declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps$1, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 interface BtnPropsCommon {
     /**
@@ -203,7 +203,7 @@ interface IconProps$1 {
     onClick?: (data?: any) => void;
     hoverEffect?: boolean;
     disabled?: boolean;
-    variant?: "dark" | "light";
+    variant?: 'dark' | 'light';
 }
 
 declare const Icon: React$1.ForwardRefExoticComponent<IconProps$1 & React$1.RefAttributes<HTMLSpanElement>>;
@@ -245,6 +245,7 @@ interface Option$3 {
     value?: string;
     accessor?: string;
     isChecked?: boolean;
+    isDisabled?: boolean;
 }
 interface MultiSelectProps {
     options: Option$3[];
@@ -465,6 +466,12 @@ interface TooltipProps {
      * @default false
      */
     disabled?: boolean;
+    /**.
+     * Z-Index is by default 99
+     *
+     * @default 99
+     */
+    zIndex?: number | string;
 }
 
 declare const Tooltip: React__default.FC<TooltipProps>;
@@ -822,15 +829,15 @@ interface MenuOptionProps {
      */
     dropdownPlacement?: string | 'top' | 'left' | 'right' | 'down';
     /**
-     * Callback function triggered when the icon is clicked.
-     * @type {function}
-     * @optional
-     */
+    * The variant of the menu option, either 'dark' or 'light'.
+    * @type {'dark' | 'light'}
+    * @default 'light'
+    * @optional
+    */
     variant?: 'dark' | 'light';
     /**
-     * The variant of the menu option, either 'dark' or 'light'.
-     * @type {'dark' | 'light'}
-     * @default 'light'
+     * Callback function triggered when the icon is clicked.
+     * @type {function}
      * @optional
      */
     onClick?: () => void;
@@ -1123,24 +1130,18 @@ interface TypographyProps {
      * To add onClick function
      */
     onClick?: () => void;
+    required?: boolean;
 }
 
 declare const Typography: React__default.FC<TypographyProps>;
 
 declare const useTheme: () => ThemeContextType;
 
-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__default.ReactNode;
+interface FormProps<T extends Form.FieldValues> extends Form.UseFormProps<T> {
+    onSubmit: Form.SubmitHandler<T>;
+    children: (methods: ReturnType<typeof Form.useForm<T>>) => React__default.ReactNode;
 }
-declare const Form: <T extends FieldValues>({ onSubmit, children, ...rest }: FormProps<T>) => react_jsx_runtime.JSX.Element;
+declare const Forms: <T extends Form.FieldValues>({ onSubmit, children, ...rest }: FormProps<T>) => react_jsx_runtime.JSX.Element;
 
 interface Option$1 {
     label: string | ReactNode;
@@ -1236,10 +1237,6 @@ declare const RadioButton: React__default.FC<RadioButtonProps>;
 
 declare const RadioGroup: React__default.FC<RadioGroupProps>;
 
-interface ButtonProps {
-    text: string;
-    onClick: () => void;
-}
 interface ModalDimensions {
     width?: number;
     height?: number;
@@ -1260,11 +1257,11 @@ interface MiniEditModalProps {
     /**
      * Props for the cancel button inside the modal
      */
-    cancelButtonProps: ButtonProps;
+    cancelButtonProps?: any;
     /**
      * Props for the proceed button inside the modal.
      */
-    proceedButtonProps: ButtonProps;
+    proceedButtonProps?: any;
     /**
      * Optional content for the footer of the modal.
      */
@@ -1281,6 +1278,10 @@ interface MiniEditModalProps {
      * Specifies if the modal should behave as a popover with an arrow.
      */
     isPopOver?: boolean;
+    /**
+     * Specifies if the modal should behave as a popover with an arrow.
+     */
+    isIconModel?: boolean;
     /**
      * Sets the position of the modal relative to its anchor.
      * bottom: The modal appears below the anchor.
@@ -1634,15 +1635,23 @@ interface AppHeaderProps {
     logoIconName: string;
     leftContent?: ReactNode;
     rightContent?: ReactNode;
-    projectsList?: string[];
+    projectsList?: optionsType[];
     appHeaderMenuItems: appHeaderMenuItemProps[];
-    appHeaderHiddenMenuItems?: string[];
+    appHeaderHiddenMenuItems?: {
+        label: string;
+        value: string | string[];
+        icon: string;
+        disable?: boolean;
+    }[];
     selectedMenu: string;
     selectedSubMenu?: string;
     selectedQuickMenu?: string;
+    selectedProject?: optionsType;
     onMenuClick?: (text: any) => void;
     onSubMenuClick?: (text: any) => void;
     onQuickMenuClick?: (text: any) => void;
+    onProjectMenuClick?: (text: any) => void;
+    onMoreMenuOptionClick?: (text: any) => void;
 }
 interface appHeaderMenuItemProps {
     label: string;
@@ -1847,6 +1856,15 @@ interface AttachmentUploaderProps {
 
 declare const AttachmentButton: React__default.FC<AttachmentUploaderProps>;
 
+declare const Toastify: () => react_jsx_runtime.JSX.Element;
+
+declare const toast: {
+    success: (message: string) => void;
+    error: (message: string) => void;
+    warning: (message: string) => void;
+    info: (message: string) => void;
+};
+
 interface IconProps {
     /** Name of the icon to be displayed. */
     name: string;
@@ -1888,6 +1906,41 @@ interface LabelEditTextFieldTypes {
 
 declare const LabelEditTextField: FC<LabelEditTextFieldTypes>;
 
+interface ExcelFileProps {
+    /** The Excel data containing sheets and their content */
+    excelData: {
+        sheets: WorkSheet[];
+    };
+    /** Optional: Provide context menu options for actions like right-click */
+    contextOption?: {
+        name: string;
+        title: React__default.ReactNode;
+        action: () => void;
+    }[];
+    /** Controls whether the toolbar is shown, disabled, or hidden */
+    toolbar?: 'show' | 'disable' | 'hide';
+    /** Callback function to save the Excel data */
+    onSave?: (excelData?: any) => void;
+}
+declare const ExcelFile: React__default.FC<ExcelFileProps>;
+
+interface ModuleChipProps {
+    /**
+     * mandatory | label for the ModuleChip component
+     */
+    label: string;
+    /**
+     * mandatory | isActive for the ModuleChip component
+     */
+    isActive: boolean;
+    /**
+     * mandatory | onClick for the ModuleChip component
+     */
+    onClick: () => void;
+}
+
+declare const ModuleChip: React.FC<ModuleChipProps>;
+
 type valueType$1 = any;
 declare const checkEmpty: (value: valueType$1) => boolean;
 
@@ -1935,4 +1988,4 @@ declare const throttle: (func: Callback, limit: number) => ThrottledFunction;
 
 declare const truncateText: (text: string, maxLength: number) => string;
 
-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, LabelEditTextField, 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, ExcelFile, ExpandableMenu, FileDropzone, Forms as Form, HighlightText, Icon, IconButton, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, Tooltip, Typography, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, throttle, toast, truncateText, useTheme };