pixel-react 1.2.1 → 1.2.2

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/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/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,9 +1,9 @@
 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';
@@ -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;
@@ -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, 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 };