pixel-react 1.0.2 → 1.0.4

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+export interface AddButtonProps {
+    name: string;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}

package/lib/components/AddResourceButton/type.d.ts

@@ -7,15 +7,15 @@
  * If null, no menu options will be shown.
  */
 export interface DirectionalArrow {
-    direction: 'top' | 'right' | 'down';
-    menuOptions: ({
+    direction: string | 'top' | 'right' | 'down';
+    menuOptions: {
         label: string;
         value: string | string[];
         icon: string;
         disable?: boolean;
-    })[];
+    }[];
 }
-/**a
+/**
  * Props for the Add Resource Button component.
  *
  * @property {string} [id] - An optional unique identifier for the Add Resource Button.
@@ -27,13 +27,16 @@ export interface AddResourceButtonProps {
     id?: string;
     variant?: 'primary' | 'secondary';
     directionalArrow: {
-        direction: 'top' | 'right' | 'down';
-        menuOptions: ({
+        /**
+         * direction option: 'top' | 'right' | 'down'
+         */
+        direction: string | 'top' | 'right' | 'down';
+        menuOptions: {
             label: string;
             value: string | string[];
             icon: string;
             disable?: boolean;
-        })[];
+        }[];
     }[];
     zIndex?: number;
 }
@@ -46,13 +49,13 @@ export interface AddResourceButtonProps {
  * @property {boolean} isActive - Specifies if the button is in an active state (highlighted when selected).
  */
 export interface DirectionalArrowButtonProps {
-    direction: 'top' | 'right' | 'down';
-    menuOptions: ({
+    direction: string | 'top' | 'right' | 'down';
+    menuOptions: {
         label: string;
         value: string | string[];
         icon: string;
         disable?: boolean;
-    })[];
+    }[];
     onArrowClick: () => void;
     isActive: boolean;
     variant?: 'primary' | 'secondary';

package/lib/components/InputWithDropdown/InputWithDropdown.d.ts

@@ -1,4 +1,4 @@
 import './InputWithDropdown.scss';
 import { InputWithDropdownProps } from './types';
-declare const InputWithDropdown: ({ name, label, value, type, disabled, required, placeholder, error, helperText, optionsList, selectedOption, onDropdownChangeHandler, onInputChangeHandler, }: InputWithDropdownProps) => import("react/jsx-runtime").JSX.Element;
+declare const InputWithDropdown: ({ name, label, value, type, disabled, required, placeholder, error, helperText, optionsList, selectedOption, onDropdownChangeHandler, onInputChangeHandler, optionsRequired, }: InputWithDropdownProps) => import("react/jsx-runtime").JSX.Element;
 export default InputWithDropdown;

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

@@ -5,4 +5,5 @@ 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

@@ -85,4 +85,8 @@ export interface InputWithDropdownProps {
      * background of the input field prop
      */
     isBackgroundTransparent?: boolean;
+    /**
+     * optionsRequired:false prop removes options from dropdown & shows static label only
+     */
+    optionsRequired?: boolean;
 }

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

@@ -83,7 +83,7 @@ interface MenuOptionProps {
      * @type {'top' | 'left' | 'right' | 'bottom'}
      * @optional
      */
-    dropdownPlacement?: 'top' | 'left' | 'right' | 'down';
+    dropdownPlacement?: string | 'top' | 'left' | 'right' | 'down';
     /**
      * Callback function triggered when the icon is clicked.
      * @type {function}

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

@@ -1,4 +1,4 @@
 import { SelectProps } from './types';
 import './Select.scss';
-declare const Select: ({ label, showLabel, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const Select: ({ label, showLabel, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, optionsRequired, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
 export default Select;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 export interface SelectProps {
     label?: string;
     showLabel?: boolean;
@@ -12,6 +12,10 @@ export interface SelectProps {
     borderRadius?: boolean;
     showBorder?: boolean;
     required?: boolean;
+    /**
+     * optionsRequired:false prop removes options from dropdown & shows static label only
+     */
+    optionsRequired?: boolean;
 }
 export interface DrowdownPosition {
     positionX: number;

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

@@ -0,0 +1,3 @@
+import { StateDropdownProps } from './StateDropdownTypes';
+declare const StateDropdown: ({ value, nodeObj, isReviewer, isApprovePage, handleStateValueClick, handleDropdownOptionsClick, disabled, isOnlyReviewer, userHasOnlyViewAccess, }: StateDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export default StateDropdown;

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

@@ -0,0 +1,11 @@
+export interface StateDropdownProps {
+    value: string;
+    nodeObj: {};
+    isReviewer: boolean;
+    isApprovePage: boolean;
+    handleDropdownOptionsClick: () => void;
+    disabled: boolean;
+    isOnlyReviewer: boolean;
+    userHasOnlyViewAccess: boolean;
+    handleStateValueClick: () => void;
+}

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

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

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

@@ -0,0 +1,4 @@
+import './StatusButton.scss';
+import { StatusButtonProps } from './types';
+declare const StatusButton: ({ status, label, onClick, className, style, disabled, ...props }: StatusButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default StatusButton;

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

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

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

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+export interface StatusButtonProps {
+    /**
+     * Status of the button
+     */
+    status: 'passed' | 'failed' | 'running' | 'skipped' | 'warning' | 'terminated' | 'partially-executed' | 'aborted' | 'not-executed';
+    /**
+     * Button label (status text)
+     */
+    label?: string;
+    /**
+     * Optional click handler
+     */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * Button content
+     */
+    children?: ReactNode;
+    /**
+     * Button id
+     */
+    id?: string;
+    /**
+     * Disabled state
+     */
+    disabled?: boolean;
+    /**
+     * Classname for the button
+     */
+    className?: string;
+    /**
+     * Additional styles for the button
+     */
+    style?: React.CSSProperties;
+}

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

@@ -1,5 +1,5 @@
 import { TabsProps } from './types';
 import './Tabs.scss';
 import '../../assets/styles/_colors.scss';
-declare const Tabs: ({ variant, tabsData, activeTabId, onTabClick, }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+declare const Tabs: ({ variant, tabsData, activeTabId, onTabClick, noBorder, }: TabsProps) => import("react/jsx-runtime").JSX.Element;
 export default Tabs;

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

@@ -5,4 +5,5 @@ 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/Tabs/types.d.ts

@@ -10,7 +10,7 @@ export interface Tab {
     /**
      * The content to display when this tab is active.
      */
-    component: JSX.Element | React.ReactNode;
+    component?: JSX.Element | React.ReactNode;
     /**
      * Optional property to indicate if the tab is disabled.
      */
@@ -22,7 +22,7 @@ export interface TabsProps {
      */
     tabsData: {
         label: string;
-        component: JSX.Element;
+        component?: JSX.Element;
         disabled?: boolean;
     }[];
     /**
@@ -37,4 +37,8 @@ export interface TabsProps {
      * onTabClick : function updates the active tab state when a user interacts with the tabs,
      */
     onTabClick: (id: string) => void;
+    /**
+     * noBorder:true , removes the outer border from tabs
+     */
+    noBorder?: boolean;
 }

package/lib/index.d.ts

@@ -550,6 +550,10 @@ interface SelectProps {
     borderRadius?: boolean;
     showBorder?: boolean;
     required?: boolean;
+    /**
+     * optionsRequired:false prop removes options from dropdown & shows static label only
+     */
+    optionsRequired?: boolean;
 }
 interface Option$1 {
     label: string | ReactNode;
@@ -557,7 +561,7 @@ interface Option$1 {
     disabled?: boolean;
 }
 
-declare const Select: ({ label, showLabel, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, }: SelectProps) => react_jsx_runtime.JSX.Element;
+declare const Select: ({ label, showLabel, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, optionsRequired, }: SelectProps) => react_jsx_runtime.JSX.Element;
 
 interface TextareaProps {
     /**
@@ -640,6 +644,43 @@ interface TextareaProps {
 
 declare const Textarea: ({ capacity, name, label, value, variant, error, helperText, disabled, required, placeholder, className, onChange, onBlur, onFocus, rows, cols, resize, ...props }: TextareaProps) => react_jsx_runtime.JSX.Element;
 
+interface StatusButtonProps {
+    /**
+     * Status of the button
+     */
+    status: 'passed' | 'failed' | 'running' | 'skipped' | 'warning' | 'terminated' | 'partially-executed' | 'aborted' | 'not-executed';
+    /**
+     * Button label (status text)
+     */
+    label?: string;
+    /**
+     * Optional click handler
+     */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * Button content
+     */
+    children?: ReactNode;
+    /**
+     * Button id
+     */
+    id?: string;
+    /**
+     * Disabled state
+     */
+    disabled?: boolean;
+    /**
+     * Classname for the button
+     */
+    className?: string;
+    /**
+     * Additional styles for the button
+     */
+    style?: React.CSSProperties;
+}
+
+declare const StatusButton: ({ status, label, onClick, className, style, disabled, ...props }: StatusButtonProps) => react_jsx_runtime.JSX.Element;
+
 interface OptionClick {
     /**
      * The label displayed for the option.
@@ -704,7 +745,7 @@ interface MenuOptionProps {
      * @type {'top' | 'left' | 'right' | 'bottom'}
      * @optional
      */
-    dropdownPlacement?: 'top' | 'left' | 'right' | 'down';
+    dropdownPlacement?: string | 'top' | 'left' | 'right' | 'down';
     /**
      * Callback function triggered when the icon is clicked.
      * @type {function}
@@ -817,7 +858,7 @@ interface TableProps {
 
 declare const Table: ({ data, columns, headerType, withFixedHeader, borderWithRadius, height, className, }: TableProps) => react_jsx_runtime.JSX.Element | null;
 
-/**a
+/**
  * Props for the Add Resource Button component.
  *
  * @property {string} [id] - An optional unique identifier for the Add Resource Button.
@@ -829,13 +870,16 @@ interface AddResourceButtonProps {
     id?: string;
     variant?: 'primary' | 'secondary';
     directionalArrow: {
-        direction: 'top' | 'right' | 'down';
-        menuOptions: ({
+        /**
+         * direction option: 'top' | 'right' | 'down'
+         */
+        direction: string | 'top' | 'right' | 'down';
+        menuOptions: {
             label: string;
             value: string | string[];
             icon: string;
             disable?: boolean;
-        })[];
+        }[];
     }[];
     zIndex?: number;
 }
@@ -1078,9 +1122,13 @@ interface InputWithDropdownProps {
      * background of the input field prop
      */
     isBackgroundTransparent?: boolean;
+    /**
+     * optionsRequired:false prop removes options from dropdown & shows static label only
+     */
+    optionsRequired?: boolean;
 }
 
-declare const InputWithDropdown: ({ name, label, value, type, disabled, required, placeholder, error, helperText, optionsList, selectedOption, onDropdownChangeHandler, onInputChangeHandler, }: InputWithDropdownProps) => react_jsx_runtime.JSX.Element;
+declare const InputWithDropdown: ({ name, label, value, type, disabled, required, placeholder, error, helperText, optionsList, selectedOption, onDropdownChangeHandler, onInputChangeHandler, optionsRequired, }: InputWithDropdownProps) => react_jsx_runtime.JSX.Element;
 
 declare const RadioButton: React__default.FC<RadioButtonProps>;
 
@@ -1201,7 +1249,7 @@ interface TabsProps {
      */
     tabsData: {
         label: string;
-        component: JSX.Element;
+        component?: JSX.Element;
         disabled?: boolean;
     }[];
     /**
@@ -1216,9 +1264,13 @@ interface TabsProps {
      * onTabClick : function updates the active tab state when a user interacts with the tabs,
      */
     onTabClick: (id: string) => void;
+    /**
+     * noBorder:true , removes the outer border from tabs
+     */
+    noBorder?: boolean;
 }
 
-declare const Tabs: ({ variant, tabsData, activeTabId, onTabClick, }: TabsProps) => react_jsx_runtime.JSX.Element;
+declare const Tabs: ({ variant, tabsData, activeTabId, onTabClick, noBorder, }: TabsProps) => react_jsx_runtime.JSX.Element;
 
 interface HighlightTextProps {
     text?: string;
@@ -1278,6 +1330,20 @@ interface SearchProps {
 
 declare const Search: ({ placeholder, onSearch, disabled, width, }: SearchProps) => react_jsx_runtime.JSX.Element;
 
+interface StateDropdownProps {
+    value: string;
+    nodeObj: {};
+    isReviewer: boolean;
+    isApprovePage: boolean;
+    handleDropdownOptionsClick: () => void;
+    disabled: boolean;
+    isOnlyReviewer: boolean;
+    userHasOnlyViewAccess: boolean;
+    handleStateValueClick: () => void;
+}
+
+declare const StateDropdown: ({ value, nodeObj, isReviewer, isApprovePage, handleStateValueClick, handleDropdownOptionsClick, disabled, isOnlyReviewer, userHasOnlyViewAccess, }: StateDropdownProps) => react_jsx_runtime.JSX.Element;
+
 type valueType$1 = any;
 declare const checkEmpty: (value: valueType$1) => boolean;
 
@@ -1285,4 +1351,4 @@ type valueType = File | string;
 declare const getExtension: (value: valueType) => string | undefined;
 declare const getExtensionWithPeriod: (value: valueType) => string;
 
-export { Accordion, AddButton as AddResourceButton, Button, Checkbox, Chip, Col, Container, DonutChart, Drawer, ExpandableMenu, FileDropzone, Form, HighlightText, Icon, Input, InputWithDropdown, MenuOption, MiniModal, MultiSelect, RadialChart, RadioButton, RadioGroup, Row, Search, Select, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toggle, Tooltip, Typography, checkEmpty, getExtension, getExtensionWithPeriod, useTheme };
+export { Accordion, AddButton as AddResourceButton, Button, Checkbox, Chip, Col, Container, DonutChart, Drawer, ExpandableMenu, FileDropzone, Form, HighlightText, Icon, Input, InputWithDropdown, MenuOption, MiniModal, MultiSelect, RadialChart, RadioButton, RadioGroup, Row, Search, Select, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toggle, Tooltip, Typography, checkEmpty, getExtension, getExtensionWithPeriod, useTheme };