pixel-react 1.2.2 → 1.2.4

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

@@ -11,7 +11,7 @@ export interface DirectionalArrow {
     menuOptions: {
         label: string;
         value: string | string[];
-        icon: string;
+        icon?: string;
         disable?: boolean;
     }[];
 }
@@ -34,7 +34,7 @@ export interface AddResourceButtonProps {
         menuOptions: {
             label: string;
             value: string | string[];
-            icon: string;
+            icon?: string;
             disable?: boolean;
         }[];
     }[];
@@ -53,7 +53,7 @@ export interface DirectionalArrowButtonProps {
     menuOptions: {
         label: string;
         value: string | string[];
-        icon: string;
+        icon?: string;
         disable?: boolean;
     }[];
     onArrowClick: () => void;

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

@@ -1,8 +1,9 @@
 import React from 'react';
 import Form from './Form';
 interface FormProps<T extends Form.FieldValues> extends Form.UseFormProps<T> {
+    id?: 'string';
     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;
+declare const Forms: <T extends Form.FieldValues>({ onSubmit, children, id, ...rest }: FormProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default Forms;

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

@@ -18,7 +18,7 @@ interface OptionType extends OptionClick {
      * @type {string}
      * @required
      */
-    icon: string;
+    icon?: string;
     /**
      * Indicates whether the option is disabled.
      * @type {boolean}

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

@@ -9,7 +9,7 @@ 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>>;
@@ -783,7 +783,7 @@ interface OptionType extends OptionClick {
      * @type {string}
      * @required
      */
-    icon: string;
+    icon?: string;
     /**
      * Indicates whether the option is disabled.
      * @type {boolean}
@@ -990,7 +990,7 @@ interface AddResourceButtonProps {
         menuOptions: {
             label: string;
             value: string | string[];
-            icon: string;
+            icon?: string;
             disable?: boolean;
         }[];
     }[];
@@ -1138,10 +1138,11 @@ declare const Typography: React__default.FC<TypographyProps>;
 declare const useTheme: () => ThemeContextType;
 
 interface FormProps<T extends Form.FieldValues> extends Form.UseFormProps<T> {
+    id?: 'string';
     onSubmit: Form.SubmitHandler<T>;
     children: (methods: ReturnType<typeof Form.useForm<T>>) => React__default.ReactNode;
 }
-declare const Forms: <T extends Form.FieldValues>({ onSubmit, children, ...rest }: FormProps<T>) => react_jsx_runtime.JSX.Element;
+declare const Forms: <T extends Form.FieldValues>({ onSubmit, children, id, ...rest }: FormProps<T>) => react_jsx_runtime.JSX.Element;
 
 interface Option$1 {
     label: string | ReactNode;
@@ -1237,10 +1238,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;
@@ -1261,11 +1258,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.
      */
@@ -1282,6 +1279,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.
@@ -1988,4 +1989,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, 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 };
+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 };