pixel-react 1.6.6 → 1.6.8

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

@@ -0,0 +1,129 @@
+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.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;
+}
+interface WorkSheet {
+    /** The name of the worksheet */
+    sheetName: string;
+    /** 2D array of worksheet data (cells) */
+    data: WorkData[][];
+}
+interface WorkData {
+    /** Value of the cell */
+    value: string;
+    /** Styling options for the cell */
+    style: React.CSSProperties;
+    type?: boolean;
+}
+/** A generic type to represent a 2D matrix of any type (or undefined values) */
+type Matrix<T> = (T | undefined)[][];
+interface ContextAction {
+    /** Name of the right-click option */
+    name: string;
+    /** Display title of the right-click menu option */
+    title: React.ReactNode;
+    /** The action that occurs when the right-click menu option is selected */
+    action: () => void;
+}
+interface ContextOption {
+    /** Type of the context option ('cell', 'row', 'column') */
+    name: string;
+    /** Array of context menu actions for right-click options */
+    value: ContextAction[];
+}
+interface ContextMenuState {
+    /** Whether the context menu is visible */
+    visible: boolean;
+    /** X-coordinate position for the context menu */
+    x: number;
+    /** Y-coordinate position for the context menu */
+    y: number;
+    /** Type of the context menu ('cell', 'row', 'column', or 'sheet_options') */
+    type: 'cell' | 'row' | 'column' | 'sheet_options' | null;
+}
+interface SelectedCell {
+    /** The row index of the selected cell */
+    row: number;
+    /** The column index of the selected cell */
+    column: number;
+}
+interface ColorContainer {
+    /** The color used for the text (hex code) */
+    color: string;
+    /** The background color used for the cell (hex code) */
+    backgroundColor: string;
+    /** The border color used for the cell (hex code) */
+    borderColor: string;
+}
+interface SelectedValue {
+    /** The value inside the selected cell */
+    value: string;
+    /** The row index of the selected cell */
+    row: number;
+    /** The column index of the selected cell */
+    column: number;
+    /** The column represented as an alphabetical string ('A', 'B') */
+    alphaCol: string;
+    /** The style applied to the selected cell */
+    style: React.CSSProperties;
+    /** The sheet name where the cell is located */
+    sheet: string;
+}
+interface ExcelSheetBarProps {
+    /** Object containing details about the file, including sheet names */
+    fileDetails: {
+        sheetNames: string[];
+    };
+    /** Function to handle sheet change events */
+    handleSheetChange: (name: string, index: number) => void;
+    /** Function to open the context menu on a sheet */
+    contextMenu: (e: React.MouseEvent<HTMLDivElement, MouseEvent>, name: string, index: number) => void;
+    /** Function to add a new sheet */
+    addSheet: () => void;
+    /** Object representing the currently selected sheet */
+    selectedSheet: {
+        name: string;
+        index: number;
+    };
+    /** Function to update the context Type */
+    contextSelect: (event: React.MouseEvent) => void;
+}
+interface ContextMenuProps {
+    /** Custom context menu options */
+    customContext: {
+        name: string;
+        title: React.ReactNode;
+        action: () => void;
+    }[];
+    /** Object that holds different context actions based on the type (cell, row, column, sheet_options) */
+    contextAction: {
+        /** Function to add a row */
+        addRow: () => void;
+        /** Function to delete a row */
+        deleteRow: () => void;
+        /** Function to add a column */
+        addColumn: () => void;
+        /** Function to delete a column */
+        deleteColumn: () => void;
+        /** Function to add a new sheet */
+        addSheet: () => void;
+        /** Function to delete a sheet */
+        deleteSheet: () => void;
+    };
+    /** The state of the context menu, controlling its visibility and position */
+    contextData: ContextMenuState;
+    /** Function to update the context menu state */
+    setContextData: React.Dispatch<React.SetStateAction<ContextMenuState>>;
+}

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

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

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

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

package/lib/components/FF_Captcha/captcha.stories.d.ts

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

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

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

package/lib/components/FileDropzone/RadioFilePreview.d.ts

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

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

@@ -1,4 +1,8 @@
 import { ReactNode } from 'react';
+export interface RadioOption {
+    label: string;
+    value: string;
+}
 export interface FileDropzoneProps {
     /**
      *  Icon to be displayed in the dropzone.
@@ -62,6 +66,46 @@ export interface FileDropzoneProps {
      *  Returns the rejected files in the state
      **/
     getRejectedFiles?: (files: FileRejection[]) => void;
+    /**
+     *  If its used in WebService has some other functionality so need to pass boolean value.
+     **/
+    isWebServiceFileDropZone?: boolean;
+    /**
+     *  Its the selected radio option as a string.
+     **/
+    selectedRadioOption?: RadioOption;
+    /**
+     *  Its the array of radio options in pattern of : {  label: string; value: string; }.
+     **/
+    radioOptions?: RadioOption[];
+    /**
+     *  Its the function which updates the selected radio option.
+     **/
+    handleOptionChange?: (option: RadioOption) => void;
+    /**
+     *  Its the File Name of File Selected from Local File.
+     **/
+    setSelectedFile?: (file: File | null) => void;
+    /**
+     *  Its the File Name of File Selected from Local File.
+     **/
+    selectedFile?: File | null;
+    /**
+     *  Its the function which updates the Selected file from Local Directory.
+     **/
+    handleFileChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     *  Its the function which makes the selected File empty state.
+     **/
+    handleRemoveFile?: () => void;
+    /**
+    *  When The Api for the response fails need to show error message.
+    **/
+    isApiResponseError?: boolean;
+    /**
+     *  If isDisable is true not able to access the FileDropzone
+     **/
+    isDisable?: boolean;
 }
 export interface FileState {
     accepted: File[];
@@ -86,6 +130,7 @@ export interface DropzoneOptions {
     invalidFileMessage?: string;
     fileExistMessage?: string;
     validateMIMEType?: boolean;
+    isApiResponseError?: boolean;
 }
 export interface DropzoneState {
     getRootProps: () => React.HTMLAttributes<HTMLElement>;
@@ -105,6 +150,15 @@ export interface DroppableProps {
     getInputProps: () => any;
     isDragActive: boolean;
     height: number | string;
+    isWebServiceFileDropZone?: boolean;
+    selectedRadioOption?: Option;
+    radioOptions?: RadioOption[];
+    handleOptionChange?: (option: RadioOption) => void;
+    selectedFile?: File | null;
+    setSelectedFile?: (file: File | null) => void;
+    handleFileChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    handleRemoveFile?: () => void;
+    isDisable?: boolean;
 }
 export interface FilePreviewProps {
     file: File;
@@ -112,3 +166,10 @@ export interface FilePreviewProps {
     onRemoveClick: (file: File) => void;
     onReplaceClick: (file: File) => void;
 }
+export interface RadioFilePreviewProps {
+    selectedFile: string;
+    error?: string;
+    onFileRemoveClick?: () => void;
+    onFileReplaceClick?: (file: File | null) => void;
+    setSelectedFile?: (file: File | null) => void;
+}

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

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

@@ -0,0 +1,8 @@
+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 declare const DarkVariantIcons: Story;
+export default meta;

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

@@ -1,5 +1,4 @@
-import React from 'react';
 import './IconButton.scss';
 import { IconButtonProps } from './types';
-declare const IconButton: React.FC<IconButtonProps>;
+declare const IconButton: import("react").ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 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/types.d.ts

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

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

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import LabelEditTextField from './LabelEditTextField';
+import '../../assets/styles/_colors.scss';
+import './LabelEditTextField.scss';
+declare const meta: Meta<typeof LabelEditTextField>;
+type Story = StoryObj<typeof LabelEditTextField>;
+export declare const textField: Story;
+export declare const textFieldWithOutLabel: Story;
+export declare const openTextFieldWithOutLabel: Story;
+export declare const textFieldWithDropdown: Story;
+export declare const textFieldWithHighlight: Story;
+export declare const openLabelEditTextField: Story;
+export default meta;

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

@@ -1,10 +1,11 @@
+import { ReactNode } from "react";
 interface OptionClick {
     /**
      * The label displayed for the option.
      * @type {string}
      * @required
      */
-    label: string;
+    label: string | ReactNode;
     /**
      * The value(s) associated with the option, which can be a single string or an array of strings.
      * @type {Array<string> | string}
@@ -20,7 +21,7 @@ interface OptionType extends OptionClick {
      */
     icon?: string;
     iconColor?: string;
-    name?: string;
+    name?: string | ReactNode;
     /**
      * Indicates whether the option is disabled.
      * @type {boolean}

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import MiniModal from './MiniModal';
+import './MiniModal.scss';
+declare const meta: Meta<typeof MiniModal>;
+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/Modal/Modal.stories.d.ts

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

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

@@ -1,4 +1,4 @@
 import './MultiSelect.scss';
 import { MultiSelectProps } from './MultiSelectTypes';
-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) => import("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) => import("react/jsx-runtime").JSX.Element;
 export default MultiSelect;

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

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import MultiSelect from './MultiSelect';
+declare const meta: Meta<typeof MultiSelect>;
+type Story = StoryObj<typeof MultiSelect>;
+export declare const Default: Story;
+export declare const Default2: Story;
+export declare const Default3: Story;
+export declare const EmailGroup: Story;
+export declare const Controlled: Story;
+export declare const Labels: Story;
+export default meta;

package/lib/components/NLPInput/NlpInput.stories.d.ts

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

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

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Paper from './Paper';
+import './Paper.scss';
+declare const meta: Meta<typeof Paper>;
+type Story = StoryObj<typeof Paper>;
+export declare const Default: Story;
+export declare const PrimaryPaper: Story;
+export declare const PaperWithLowShadow: Story;
+export declare const PaperWithHighShadow: Story;
+export declare const PaperWithRounded: Story;
+export default meta;

package/lib/components/PhoneInput/PhoneInput.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import 'react-phone-input-2/lib/style.css';
+import { PhoneInputProps } from './types';
+import './PhoneInput.scss';
+declare const PhoneInputField: React.FC<PhoneInputProps>;
+export default PhoneInputField;

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

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

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

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

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

@@ -11,4 +11,5 @@ export interface PopUpModalProps {
     secondButtonLabel: string;
     buttonVariant: any;
     border: string;
+    colorForTitleMessage?: string;
 }

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import RadioButton from './RadioButton';
+declare const meta: Meta<typeof RadioButton>;
+type Story = StoryObj<typeof RadioButton>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const UncheckedDisabled: Story;
+export declare const CheckedDisabled: Story;
+export declare const WithoutLabel: Story;
+export default meta;

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

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

package/lib/components/Search/Search.d.ts

@@ -1,4 +1,4 @@
 import './Search.scss';
 import { SearchProps } from './types';
-declare const Search: ({ placeholder, onSearch, disabled, width, }: SearchProps) => import("react/jsx-runtime").JSX.Element;
+declare const Search: ({ placeholder, onSearch, disabled, width, value, isExpand, onClose, onExpand, }: SearchProps) => import("react/jsx-runtime").JSX.Element;
 export default Search;

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

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

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

@@ -12,4 +12,8 @@ export interface SearchProps {
      */
     disabled?: boolean;
     width?: number;
+    value: string;
+    isExpand: boolean;
+    onClose: () => void;
+    onExpand: (isExpand: boolean) => void;
 }

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

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Select from './Select';
+declare const meta: Meta<typeof Select>;
+type Story = StoryObj<typeof Select>;
+export declare const Primary: Story;
+export declare const WithError: Story;
+export declare const WithoutLabel: Story;
+export declare const EmptyOptions: Story;
+export declare const Disable: Story;
+export declare const WithInitialValue: Story;
+export declare const OptionSelection: Story;
+export declare const CustomJSX: Story;
+export declare const updateOptionFromOutside: Story;
+export default meta;

package/lib/components/Select/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,4 @@
+import { DropDownListProps } from './dropdownTypes';
+import './Dropdown.scss';
+declare const Dropdown: ({ onSelectBlur, onSelectOptionSelector, dropdownPosition, options, optionZIndex, inputRef, labelAccessor, }: DropDownListProps) => import("react/jsx-runtime").JSX.Element;
+export default Dropdown;

package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts

@@ -0,0 +1,17 @@
+import { DrowdownPosition, Option } from '../../types';
+export interface DropDownListProps {
+    onSelectBlur: () => void;
+    onSelectOptionSelector: (option: Option) => void;
+    dropdownPosition: DrowdownPosition;
+    options?: Option[];
+    optionZIndex?: number;
+    inputRef?: React.RefObject<HTMLInputElement>;
+    labelAccessor?: string;
+    valueAccessor?: string;
+}
+export declare const dropdownDefaultCSSData: {
+    margin: number;
+    optionHeight: number;
+    selectInputHeight: number;
+    dropDownWrapperPadding: number;
+};

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

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

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import StateDropdown from './StateDropdown';
+declare const meta: Meta<typeof StateDropdown>;
+type Story = StoryObj<typeof StateDropdown>;
+export declare const Disable: Story;
+export declare const Review: Story;
+export declare const Reject: Story;
+export declare const Approved: Story;
+export declare const NewState: Story;
+export default meta;

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

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import StatusButton from './StatusButton';
+declare const meta: Meta<typeof StatusButton>;
+type Story = StoryObj<typeof StatusButton>;
+export declare const Passed: Story;
+export declare const Failed: Story;
+export declare const Running: Story;
+export declare const Terminated: Story;
+export declare const Skipped: Story;
+export declare const Warning: Story;
+export declare const PartiallyExecuted: Story;
+export declare const Aborted: Story;
+export declare const NotExecuted: Story;
+export default meta;