pixel-react 1.9.9 → 1.10.1

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

@@ -0,0 +1,70 @@
+import { ReactNode } from 'react';
+export interface SelectProps {
+    label?: string;
+    showLabel?: boolean;
+    optionsList: any[];
+    selectedOption?: Option;
+    onChange: (option: Option) => void;
+    errorMsg?: string;
+    className?: string;
+    optionZIndex?: number;
+    disabled?: boolean;
+    borderRadius?: boolean;
+    showBorder?: boolean;
+    required?: boolean;
+}
+export interface DrowdownPosition {
+    positionX: number;
+    positionY: number;
+    width: number;
+    fromBottom: number;
+}
+export interface SelectState {
+    isInputFocused: boolean;
+    iconColor: string;
+    isIconClick: boolean;
+    showOptions: boolean;
+    options: any[];
+    option: string;
+    dropdownPosition: DrowdownPosition;
+}
+export type SelectAction = {
+    type: 'FOCUS_INPUT';
+} | {
+    type: 'BLUR_INPUT';
+    payload: {
+        optionsList: Option[];
+        option: Option['projectId'];
+    };
+} | {
+    type: 'MOUSE_ENTER';
+} | {
+    type: 'MOUSE_LEAVE';
+} | {
+    type: 'UPDATE_DROPDOWN_POSITION';
+    payload: {
+        positionX: number;
+        positionY: number;
+        width: number;
+        fromBottom: number;
+    };
+} | {
+    type: 'UPDATE_OPTION';
+    payload: string;
+} | {
+    type: 'UPDATE_OPTION_LIST';
+    payload: any[];
+} | {
+    type: 'SHOW_ERROR';
+    payload: {
+        optionsList: any[];
+        option: Option['projectId'];
+    };
+};
+export interface Option {
+    displayName: string | ReactNode;
+    projectId: string;
+    nlpType: string;
+    platform: string;
+    disabled?: boolean;
+}

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.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.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/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/SequentialConnectingBranch/components/AddBrowserModal/AddBrowserModal.d.ts

@@ -0,0 +1,4 @@
+import './AddBrowserModal.scss';
+import { AddBrowserModalProps } from './types';
+declare const AddBrowserModal: import("react").ForwardRefExoticComponent<AddBrowserModalProps & import("react").RefAttributes<HTMLButtonElement>>;
+export default AddBrowserModal;

package/lib/components/SequentialConnectingBranch/components/AddBrowserModal/types.d.ts

@@ -0,0 +1,3 @@
+export interface AddBrowserModalProps {
+    onUpdateAddBrowser: () => void;
+}

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

@@ -0,0 +1,4 @@
+import './DatasetListModal.scss';
+import { DatasetListModalProps } from './types';
+declare const DatasetListModal: import("react").ForwardRefExoticComponent<DatasetListModalProps & import("react").RefAttributes<HTMLButtonElement>>;
+export default DatasetListModal;

package/lib/components/SequentialConnectingBranch/components/DatasetListModal/types.d.ts

@@ -0,0 +1,3 @@
+export interface DatasetListModalProps {
+    onUpdateDatasetList: () => void;
+}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import './StatusCard.scss';
 import { CardProps } from './types';
+import './StatusCard.scss';
 declare const StatusCard: React.FC<CardProps>;
 export default StatusCard;

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

@@ -2,7 +2,7 @@ export interface CardProps {
     /** The icon to display in the card */
     icon: string;
     /** The status of the card (Passed, Failed, Warning, Skipped, Flaky) */
-    status: 'Passed' | 'Failed' | 'Warning' | 'Skipped' | 'Flaky' | 'PASSED' | 'FAIL' | 'WARNING' | 'SKIPPED' | 'FLAKY';
+    status: 'Passed' | 'Failed' | 'Warning' | 'Skipped' | 'Flaky' | 'Total Defects' | 'Defect Density' | 'Open Defects' | 'Closed Defects' | 'Quality Score';
     /** The number displayed in the card */
     count: number | string;
     /** The description text displayed at the bottom of the card */

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/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

@@ -358,8 +358,8 @@ interface AccordionProps {
      */
     accordionStateIconName?: string;
     /**
-       * Accordion collapse and expand Icon width
-       */
+     * Accordion collapse and expand Icon width
+     */
     AccordionStateIconWidth: number;
     /**
      * Accordion collapse and expand Icon height
@@ -369,12 +369,20 @@ interface AccordionProps {
      * Optional props for initial state of Accordion
      */
     isExpand?: boolean;
+    /**
+     * Callback function for the accordion header click
+     */
+    onClick?: () => void;
+    /**
+     * Providing className for Styles
+     */
+    className?: string;
 }
 
 /**
  * Accordion UI component
  */
-declare const Accordion: ({ headerTitle, color, minHeight, accordionContent, disable, disableInfoMessage, accordionStateIconName, AccordionStateIconWidth, AccordionStateIconHeight, isExpand, }: AccordionProps) => react_jsx_runtime.JSX.Element;
+declare const Accordion: ({ headerTitle, color, minHeight, accordionContent, disable, disableInfoMessage, accordionStateIconName, AccordionStateIconWidth, AccordionStateIconHeight, isExpand, onClick, className, }: AccordionProps) => react_jsx_runtime.JSX.Element;
 
 type OptionValue$1 = any;
 interface Option$3 {
@@ -2125,7 +2133,7 @@ interface appHeaderSubMenuItemProps {
 }
 interface appHeaderQuickMenuItemProps {
     label?: string;
-    path?: string;
+    path: string;
     iconName: string;
     disable?: boolean;
     disableText?: string;
@@ -2616,9 +2624,10 @@ interface IconRadialChartProps {
     label: string;
     percentageValue: number;
     icon?: string;
-    fontSize: number;
-    arcColor: string;
-    backgroundArcColor: string;
+    fontSize?: number;
+    labelColor?: string;
+    arcColor?: string;
+    backgroundArcColor?: string;
 }
 
 declare const IconRadialChart: React__default.FC<IconRadialChartProps>;
@@ -2656,7 +2665,7 @@ interface CardProps {
     /** The icon to display in the card */
     icon: string;
     /** The status of the card (Passed, Failed, Warning, Skipped, Flaky) */
-    status: 'Passed' | 'Failed' | 'Warning' | 'Skipped' | 'Flaky' | 'PASSED' | 'FAIL' | 'WARNING' | 'SKIPPED' | 'FLAKY';
+    status: 'Passed' | 'Failed' | 'Warning' | 'Skipped' | 'Flaky' | 'Total Defects' | 'Defect Density' | 'Open Defects' | 'Closed Defects' | 'Quality Score';
     /** The number displayed in the card */
     count: number | string;
     /** The description text displayed at the bottom of the card */
@@ -2763,6 +2772,7 @@ interface LineChartProps {
     numberSize?: string | number;
     proportionalSpacing?: boolean;
     chartName?: string;
+    xAxisLabelGap?: number;
 }
 
 declare const LineChart: React__default.FC<LineChartProps>;
@@ -3053,6 +3063,8 @@ type BarChartProps = {
     backgroundColor?: string;
     legendPosition?: 'top' | 'bottom';
     legendGap?: number;
+    extendBarChartRightWidth?: number;
+    isYAxisValuePercentage?: boolean;
     onSelectedBar?: (_label: string) => void;
 };
 declare const BarChart: React__default.FC<BarChartProps>;
@@ -3076,8 +3088,9 @@ interface MultiRadialChartProps {
     labelFontSize?: number;
     subLabelFontSize?: number;
     gapAngle?: number;
-    chartToPillGap?: number | string;
-    pillLegendGap?: number | string;
+    chartToLegendGap?: string;
+    legendGap?: string;
+    gapBetweenArch?: number;
 }
 
 declare const MultiRadialChart: React__default.FC<MultiRadialChartProps>;