pixel-react 1.10.2 → 1.10.4

package/lib/StyleGuide/ColorPalette/ColorPalette.stories.d.ts

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

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

@@ -0,0 +1,6 @@
+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 AllFonts: Story;
+export default meta;

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

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

package/lib/components/AddResourceButton/AddButton.stories.d.ts

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

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

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Button from './Button';
+declare const meta: Meta<typeof Button>;
+type Story = StoryObj<typeof Button>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Tertiary: Story;
+export declare const Delete: Story;
+export declare const PrimaryWithIcon: Story;
+export declare const SecondaryWithIcon: Story;
+export declare const TertiaryWithIcon: Story;
+export default meta;

package/lib/components/Charts/DonutChart/DonutChart.stories.d.ts

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

package/lib/components/Charts/RadialChart/RadialChart.stories.d.ts

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

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

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

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

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Chip from './Chip';
+import '../../assets/styles/_colors.scss';
+import './Chip.scss';
+declare const meta: Meta<typeof Chip>;
+type Story = StoryObj<typeof Chip>;
+export declare const Primary: Story;
+export declare const withoutExpand: Story;
+export declare const Group: Story;
+export declare const CustomChip: Story;
+export declare const Success: Story;
+export declare const Errors: Story;
+export declare const Warning: Story;
+export default meta;

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

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import CustomDatePicker from './DatePicker';
+declare const meta: Meta<typeof CustomDatePicker>;
+export default meta;
+type Story = StoryObj<typeof CustomDatePicker>;
+export declare const Default: Story;
+export declare const StartDateFilter: Story;
+export declare const EndDateInput: Story;
+export declare const ScheduleDateInput: Story;

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

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

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

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

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Form from './Form';
+declare const meta: Meta<typeof Form>;
+type Story = StoryObj<typeof Form>;
+export declare const WithControlledState: 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,7 @@
+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 default meta;

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

@@ -0,0 +1,6 @@
+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 PrimaryIconButton: 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/InputWithDropdown/types.d.ts

@@ -65,6 +65,9 @@ export interface InputWithDropdownProps {
      * onInputBlurHandler action for input field
      */
     onInputBlurHandler?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
+    onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     /**
      * id to select the input field uniquely
      */

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

@@ -0,0 +1,15 @@
+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 default meta;

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

@@ -0,0 +1,9 @@
+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 CustomModalWithWrapper: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomModalWithArrow: () => 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/MultiSelect/MultiSelect.stories.d.ts

@@ -0,0 +1,9 @@
+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 Controlled: 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,8 @@
+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 DisabledSelcted: 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,13 @@
+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 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, }: DropDownListProps) => import("react/jsx-runtime").JSX.Element;
+export default Dropdown;

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

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

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

@@ -0,0 +1,11 @@
+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 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/TableTree/Utils/addNewRow.d.ts

@@ -2,4 +2,6 @@ import { TreeNodeProps } from '../../../ComponentProps/TreeNodeProps';
 export declare const addNewRow: (treeData: TreeNodeProps[], newNode: {
     action?: "addAbove" | "addBelow" | "addInside";
     sourceId?: string;
+    error?: string;
+    value?: string;
 }) => TreeNodeProps[];

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

@@ -26,6 +26,8 @@ export interface TableBodyProps {
     newNode?: {
         sourceId?: string;
         action?: 'addAbove' | 'addBelow' | 'addInside';
+        value?: string;
+        error?: string;
     };
     onAddConfirm?: (_name: string) => void;
     onAddCancel?: () => void;
@@ -67,6 +69,8 @@ export interface TreeTableProps {
     newNode?: {
         sourceId?: string;
         action?: 'addAbove' | 'addBelow' | 'addInside';
+        value?: string;
+        error?: string;
     };
     onAddConfirm?: (_name: string) => void;
     onAddCancel?: () => void;

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

@@ -0,0 +1,8 @@
+import React, { ReactNode } from 'react';
+import { ThemeContextType } from './types';
+declare const ThemeContext: React.Context<ThemeContextType | undefined>;
+declare const CustomThemeProvider: React.FC<{
+    children: ReactNode;
+}>;
+export { ThemeContext };
+export default CustomThemeProvider;

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

@@ -0,0 +1,11 @@
+import React, { ReactNode } from 'react';
+interface ThemeContextType {
+    currentTheme: string;
+    setCurrentTheme: React.Dispatch<React.SetStateAction<string>>;
+    applyTheme: (newTheme: string) => void;
+}
+export declare const useCustomThemeProvider: React.FC<{
+    children: ReactNode;
+}>;
+export declare const useTheme: () => ThemeContextType;
+export {};

package/lib/index.d.ts

@@ -1531,6 +1531,9 @@ interface InputWithDropdownProps {
      * onInputBlurHandler action for input field
      */
     onInputBlurHandler?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
+    onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     /**
      * id to select the input field uniquely
      */
@@ -1785,6 +1788,8 @@ interface TreeTableProps {
     newNode?: {
         sourceId?: string;
         action?: 'addAbove' | 'addBelow' | 'addInside';
+        value?: string;
+        error?: string;
     };
     onAddConfirm?: (_name: string) => void;
     onAddCancel?: () => void;