pixel-react 1.4.3 → 1.4.5

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

@@ -1,4 +1,4 @@
 import './MenuOption.scss';
 import { MenuOptionProps } from './types';
-declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, dropdownPlacement, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;
+declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, dropdownPlacement, }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;
 export default MenuOption;

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

@@ -10,15 +10,17 @@ interface OptionClick {
      * @type {Array<string> | string}
      * @required
      */
-    value: Array<string> | string;
+    value: any;
 }
 interface OptionType extends OptionClick {
     /**
      * The name of the icon associated with the option.
      * @type {string}
-     * @required
+     * @optional
      */
     icon?: string;
+    iconColor?: string;
+    name?: string;
     /**
      * Indicates whether the option is disabled.
      * @type {boolean}
@@ -35,17 +37,47 @@ interface OptionCardProps {
     options: Array<OptionType>;
     /**
      * Callback function triggered when an option is clicked.
-     * @param {any} data - The data associated with the clicked option.
+     * @param {OptionClick} data - The data associated with the clicked option.
      * @type {function}
      * @required
      */
-    onClick: (data?: any) => void;
+    onClick: (data: OptionClick) => void;
     /**
      * Optional styles applied to the card.
      * @type {React.CSSProperties}
      * @optional
      */
     styles?: React.CSSProperties;
+    /**
+     * The z-index of the option card.
+     * @type {number}
+     * @optional
+     */
+    zIndex?: number;
+    /**
+     * The position of the menu relative to the triggering element.
+     * @type {dropdownPosition}
+     * @required
+     */
+    menuPosition: any;
+    /**
+     * Reference to the menu DOM element.
+     * @type {React.RefObject<HTMLElement>}
+     * @required
+     */
+    menuRef: React.RefObject<HTMLElement>;
+    /**
+     * Callback function to close the dropdown.
+     * @type {() => void}
+     * @required
+     */
+    closeDropdown: () => void;
+    /**
+     * Placement of the dropdown menu relative to the icon.
+     * @type {dropdownPosition}
+     * @optional
+     */
+    dropdownPosition?: 'top' | 'down' | 'left' | 'right';
 }
 interface MenuOptionProps {
     /**
@@ -80,27 +112,27 @@ interface MenuOptionProps {
     tooltipPlacement?: 'bottom' | 'left' | 'right' | 'top' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
     /**
      * The placement of the dropdown menu relative to the icon.
-     * @type {'top' | 'left' | 'right' | 'bottom'}
+     * @type {dropdownPosition}
      * @optional
      */
-    dropdownPlacement?: string | 'top' | 'left' | 'right' | 'down';
+    dropdownPlacement?: 'top' | 'down' | 'left' | 'right';
     /**
-    * The variant of the menu option, either 'dark' or 'light'.
-    * @type {'dark' | 'light'}
-    * @default 'light'
-    * @optional
-    */
+     * The variant of the menu option, either 'dark' or 'light'.
+     * @type {'dark' | 'light'}
+     * @default 'light'
+     * @optional
+     */
     variant?: 'dark' | 'light';
     /**
      * Callback function triggered when the icon is clicked.
-     * @type {function}
+     * @type {() => void}
      * @optional
      */
     onClick?: () => void;
     /**
      * Callback function triggered when an option is clicked.
      * @param {OptionClick} option - The option that was clicked.
-     * @type {function}
+     * @type {(option: OptionClick) => void}
      * @optional
      */
     onOptionClick?: (option: OptionClick) => void;
@@ -117,13 +149,15 @@ interface MenuOptionProps {
      */
     iconSize?: number;
     /**
-     * The border radius of the icon.
+     * The border radius of the icon button.
      * @type {number}
      * @default 7
      */
     iconButtonBorderRadius?: number;
     /**
      * Providing z-index for the options card.
+     * @type {number}
+     * @optional
      */
     zIndex?: number;
 }
@@ -137,7 +171,7 @@ interface OptionProps {
     /**
      * Callback function triggered when the option is clicked.
      * @param {OptionClick} option - The clicked option.
-     * @type {function}
+     * @type {(option: OptionClick) => void}
      * @required
      */
     onClick: (option: OptionClick) => void;

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, withSelectButton, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+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, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default MultiSelect;

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

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

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

@@ -1,10 +1,7 @@
 import { ReactElement } from 'react';
+type OptionValue = any;
 interface Option {
-    label?: string;
-    value?: string;
-    accessor?: string;
-    isChecked?: boolean;
-    isDisabled?: boolean;
+    [key: string]: OptionValue;
 }
 interface MultiSelectProps {
     options: Option[];
@@ -32,5 +29,7 @@ interface MultiSelectProps {
     className?: string;
     /** Machine Name to be displayed */
     highlightedMachine?: string | ReactElement;
+    labelAccessor?: string;
+    valueAccessor?: string;
 }
 export { Option, MultiSelectProps };

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

@@ -14,4 +14,6 @@ export interface DropdownProps {
     zIndex: number;
     withSelectButton?: boolean;
     onSelect?: () => void;
+    labelAccessor?: string;
+    valueAccessor?: string;
 }

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

@@ -1,4 +1,5 @@
 import React from 'react';
 import './RadioButton.scss';
+import RadioButtonProps from './radioButtonTypes';
 declare const RadioButton: React.FC<RadioButtonProps>;
 export default RadioButton;

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

@@ -1,3 +1,4 @@
+import { ReactElement } from 'react';
 /**
  * Props for the RadioButton component.
  */
@@ -6,7 +7,7 @@ interface RadioButtonProps {
      * The display label for the radio button.
      * Optional.
      */
-    label?: string;
+    label?: string | ReactElement;
     /**
      * The name attribute for the radio button, used for grouping.
      */
@@ -48,3 +49,4 @@ interface RadioButtonProps {
      */
     tooltipTitle?: React.ReactNode;
 }
+export default RadioButtonProps;

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

@@ -1,4 +1,5 @@
 import { DrowdownPosition, Option } from '../types';
+import { RefObject } from 'react';
 export interface DropdownProps {
     options: Option[];
     dropdownPosition: DrowdownPosition;
@@ -7,9 +8,10 @@ export interface DropdownProps {
     valueAccessor?: string;
     onSelectBlur: () => void;
     onSelectOptionSelector: (option: Option) => void;
-    inputRef?: React.RefObject<HTMLInputElement>;
-    selectArrowRef?: React.RefObject<HTMLDivElement>;
+    inputRef?: RefObject<HTMLInputElement>;
+    selectArrowRef?: RefObject<HTMLDivElement>;
     heightFromTop: number;
+    selectedOption?: Option;
 }
 export declare const dropdownDefaultCSSData: {
     margin: 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;

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

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import Card from './StatusCard';
+import { CardProps } from './types';
+declare const meta: Meta<typeof Card>;
+export default meta;
+type Story = StoryObj<CardProps>;
+export declare const Passed: Story;
+export declare const Failed: Story;
+export declare const Warning: Story;
+export declare const Skipped: Story;
+export declare const Flaky: Story;

package/lib/components/Table/Table.d.ts

@@ -1,4 +1,4 @@
 import './Table.scss';
 import { TableProps } from './Types';
-declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, noDataContent, height, className, tableHeadClass, tableBodyRowClass, headerTextColor, tableDataTextColor, headerIconName, headerIconOnClick, }: TableProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, noDataContent, height, className, tableHeadClass, tableBodyRowClass, headerTextColor, tableDataTextColor, headerIconName, headerIconOnClick, }: TableProps) => import("react/jsx-runtime").JSX.Element;
 export default Table;

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

@@ -0,0 +1,13 @@
+import { StoryObj, Meta } from '@storybook/react';
+import Table from './Table';
+declare const meta: Meta<typeof Table>;
+type Story = StoryObj<typeof Table>;
+export declare const Default: Story;
+export declare const PrimaryHeaderTextColor: Story;
+export declare const TableDataTextColor: Story;
+export declare const PageTable: Story;
+export declare const PrimaryHeader: Story;
+export declare const FixedHeaderWithBorder: Story;
+export declare const WithCheckBox: Story;
+export declare const TableWithNoData: Story;
+export default meta;

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

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

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

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import Tabs from './Tabs';
+declare const meta: Meta<typeof Tabs>;
+type Story = StoryObj<typeof Tabs>;
+export declare const DefaultTabs: Story;
+export declare const CapsuleTabs: Story;
+export declare const TabsWithDisabledTab: Story;
+export declare const WithoutBorder: Story;
+export default meta;

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

@@ -0,0 +1,10 @@
+import React from "react";
+import "./ToggleSwitch.scss";
+interface ToggleSwitchProps {
+    firstButton: string;
+    secondButton: string;
+    handleClick: (selected: string) => void;
+    selected: string;
+}
+declare const ToggleSwitch: React.FC<ToggleSwitchProps>;
+export default ToggleSwitch;

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

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

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;