pixel-react 1.6.6 → 1.6.7

package/lib/components/TextArea/Textarea.stories.d.ts

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

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

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

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

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Toggle from './Toggle';
+declare const meta: Meta<typeof Toggle>;
+export default meta;
+type Story = StoryObj<typeof Toggle>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+export declare const Checked: Story;
+export declare const SmallSize: Story;
+export declare const MediumSize: Story;
+export declare const DynamicIconAndSize: Story;
+export declare const Controlled: Story;

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

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react';
+import Tooltip from './Tooltip';
+declare const meta: Meta<typeof Tooltip>;
+type Story = StoryObj<typeof Tooltip>;
+export declare const Default: Story;
+export declare const Controlled: Story;
+export declare const Top: Story;
+export declare const Left: Story;
+export declare const Right: Story;
+export declare const TopStart: Story;
+export declare const TopEnd: Story;
+export declare const BottomStart: Story;
+export declare const BottomEnd: Story;
+export declare const TooltipWithIcon: Story;
+export default meta;

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Typography from './Typography';
+declare const meta: Meta<typeof Typography>;
+type Story = StoryObj<typeof Typography>;
+export declare const Docs: Story;
+export declare const Regular12px: Story;
+export declare const Medium12px: Story;
+export declare const SemiBold14px: Story;
+export declare const Bold14px: Story;
+export default meta;

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

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

package/lib/index.d.ts

@@ -273,12 +273,24 @@ interface AccordionProps {
      * Info message to user for disabling accordion
      */
     disableInfoMessage?: string;
+    /**
+     * Icon name for the Accordion state like expand and collapse
+     */
+    accordionStateIconName?: string;
+    /**
+       * Accordion collapse and expand Icon width
+       */
+    AccordionStateIconWidth: number;
+    /**
+     * Accordion collapse and expand Icon height
+     */
+    AccordionStateIconHeight: number;
 }
 
 /**
  * Accordion UI component
  */
-declare const Accordion: ({ headerTitle, color, minHeight, accordionContent, disable, disableInfoMessage, }: AccordionProps) => react_jsx_runtime.JSX.Element;
+declare const Accordion: ({ headerTitle, color, minHeight, accordionContent, disable, disableInfoMessage, accordionStateIconName, AccordionStateIconWidth, AccordionStateIconHeight, }: AccordionProps) => react_jsx_runtime.JSX.Element;
 
 type OptionValue$1 = any;
 interface Option$3 {
@@ -315,7 +327,7 @@ interface MultiSelectProps {
     onEnter?: (newOption: string) => void;
 }
 
-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) => 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) => react_jsx_runtime.JSX.Element;
 
 interface ToasterProps {
     /**Boolean value to handle state of toaster. */
@@ -936,7 +948,7 @@ interface MenuOptionProps {
 
 declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, dropdownPlacement, optionCardVariant }: MenuOptionProps) => react_jsx_runtime.JSX.Element;
 
-interface DataProps {
+interface DataProps$1 {
     /**
      * data for each row
      */
@@ -948,11 +960,11 @@ interface SelectedItemProps {
      */
     [key: string]: string | number | boolean;
 }
-interface TableProps {
+interface TableProps$1 {
     /**
      * Data for table
      */
-    data: Array<number | string | DataProps>;
+    data: Array<number | string | DataProps$1>;
     /**
      * Column details for table
      */
@@ -1035,7 +1047,7 @@ interface TableProps {
     headerIconOnClick?: () => void;
 }
 
-declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, noDataContent, height, className, tableHeadClass, tableBodyRowClass, headerTextColor, tableDataTextColor, headerIconName, headerIconOnClick, }: TableProps) => react_jsx_runtime.JSX.Element;
+declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, noDataContent, height, className, tableHeadClass, tableBodyRowClass, headerTextColor, tableDataTextColor, headerIconName, headerIconOnClick, }: TableProps$1) => react_jsx_runtime.JSX.Element;
 
 /**
  * Props for the Add Resource Button component.
@@ -1734,10 +1746,10 @@ interface IconButtonProps {
     label: string;
     iconName: string;
     onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    ref?: React.RefObject<HTMLButtonElement>;
+    ref?: React.Ref<HTMLButtonElement>;
 }
 
-declare const IconButton: React__default.FC<IconButtonProps>;
+declare const IconButton: React$1.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 interface ModalProps {
     isOpen: boolean;
@@ -2571,6 +2583,75 @@ interface CreateVariableProps {
 
 declare const CreateVariableSlider: FC<CreateVariableProps>;
 
+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;
+}
+interface DataProps {
+    /**
+     * data for each row
+     */
+    [key: string]: any;
+}
+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;
+}
+
+declare const TableWithAccordion: ({ tableMeta, tableData, accordionType, noDataContent, height, withFixedHeader, headerType, TableAccordionStateIconWidth, TableAccordionStateIconHeight, }: TableProps) => react_jsx_runtime.JSX.Element;
+
 type valueType$1 = any;
 declare const checkEmpty: (value: valueType$1) => boolean;
 
@@ -2698,6 +2779,33 @@ declare const ConnectingBranch: React__default.FC;
 
 declare const saveFileFromBlob: (blob: Blob, filename: string) => void;
 
+interface CommentType {
+    id?: string | number;
+    description?: string;
+    createdBy?: string;
+    modifiedBy?: string;
+    createdByUname?: string;
+    modifiedByUname?: string;
+    createdOn?: string;
+    modifiedOn?: string;
+    name?: string;
+    emailId?: string[];
+    commentParentId?: string;
+    comments: CommentType[];
+}
+type HandleAddComment = (newComment: CommentType, parentCommentId?: string) => void;
+type HandleEditComment = (commentId: string, updatedDescription: string) => void;
+type HandleDeleteComment = (commentId: string) => void;
+interface CommentsProps {
+    commentsData: any;
+    handleAddComment: HandleAddComment;
+    handleEditComment: HandleEditComment;
+    handleDeleteComment: HandleDeleteComment;
+    onCommentsDataChange: (data: any) => void;
+}
+
+declare const Comments: ({ commentsData, onCommentsDataChange, }: CommentsProps) => react_jsx_runtime.JSX.Element;
+
 declare const useFileDropzone: (options: DropzoneOptions) => DropzoneState;
 
 interface PopUpModalProps {
@@ -2713,6 +2821,7 @@ interface PopUpModalProps {
     secondButtonLabel: string;
     buttonVariant: any;
     border: string;
+    colorForTitleMessage?: string;
 }
 
 declare const PopUpModal: FC<PopUpModalProps>;
@@ -2757,4 +2866,17 @@ declare const AddVariables: React__default.FC<AddVariableProps>;
 
 declare const hasDuplicateFile: (array: any[], property: string) => boolean;
 
-export { Accordion, AddButton as AddResourceButton, AddVariables, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BarChart, Button, Checkbox, Chip, Col, ConnectingBranch, Container, CreateVariableSlider, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, HighlightText, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, LineChart, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, Paper, PieChart, PopUpModal, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, Table, TreeTable as TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, VariableDropdown, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, hasDuplicateFile, saveFileFromBlob, throttle, toast, truncateText, useFileDropzone, useTheme };
+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;
+}
+
+declare const PhoneInputField: React__default.FC<PhoneInputProps>;
+
+export { Accordion, AddButton as AddResourceButton, AddVariables, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BarChart, Button, Checkbox, Chip, Col, Comments, ConnectingBranch, Container, CreateVariableSlider, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, HighlightText, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, LineChart, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, Paper, PhoneInputField, PieChart, PopUpModal, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, Table, TreeTable as TableTree, TableWithAccordion, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, VariableDropdown, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, hasDuplicateFile, saveFileFromBlob, throttle, toast, truncateText, useFileDropzone, useTheme };