pixel-react 1.5.3 → 1.5.5

package/lib/assets/utils/functionUtils.d.ts

@@ -2,3 +2,10 @@ export declare const isFunction: (functionToCheck: any) => any;
 export declare const convertTo24Hour: (time12h: string) => string;
 export declare const convertTo12Hour: (time24: string) => string;
 export declare const isValid12HourTime: (timeString: string) => boolean;
+export declare const UNIT_MULTIPLIERS: Record<string, number>;
+export declare function normalizeStorageValue(value: string): {
+    normalizedValue: number;
+    unit: string;
+    value: number;
+};
+export declare function formatMemoryValue(valueInBytes: number): string;

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

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

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

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

package/lib/components/Charts/DashboardDonutChart/types.d.ts

@@ -5,9 +5,17 @@ export type StatusValue = {
 };
 export type ChartItem = {
     key: string;
-    value: number;
+    value: string | number;
     color?: string;
 };
+export type NormalizedChartItem = {
+    key: string;
+    value: number | string;
+    color?: string;
+    normalizedValue?: number;
+    unit?: string;
+    labelValue?: number;
+};
 export type LegendType = 'numberLegend' | 'pillLegend' | 'memoryLegend' | 'tableLegend';
 export type DashboardDonutChartProps = {
     radius: number;
@@ -17,7 +25,9 @@ export type DashboardDonutChartProps = {
     isLegendDetails: boolean;
     gapAngle?: number;
     legendType: LegendType;
-    showOnlyLabel: boolean;
+    showOnlyLabel?: boolean;
     unit?: string;
-    showUnit: boolean;
+    showUnit?: boolean;
+    labelFontSize?: number;
+    subLabelFontSize?: number;
 };

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

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

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

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import LineChart from './LineChart';
+import { LineChartProps } from './types';
+declare const meta: Meta<typeof LineChart>;
+export default meta;
+export declare const DefaultLineChart: StoryObj<LineChartProps>;
+export declare const StatusLineChart: StoryObj<LineChartProps>;

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

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

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

@@ -10,7 +10,7 @@ export interface ChipsProps {
     /**
      * The variant of the Chip.
      */
-    variant?: 'primary' | 'success' | 'error' | 'warning' | 'custom';
+    variant?: 'primary' | 'success' | 'error' | 'warning' | 'custom' | 'public' | 'partial-public' | 'private' | 'disabled';
     /**
      * The callback function to be executed when the Chip is clicked.
      */

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

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

package/lib/components/DownloadClient/DownloadClient.d.ts

@@ -0,0 +1,4 @@
+import './DownloadClient.scss';
+import { DownloadClientProps } from './type';
+declare const DownloadClient: React.FC<DownloadClientProps>;
+export default DownloadClient;

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

@@ -0,0 +1 @@
+export * from './DownloadClient';

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

@@ -0,0 +1,35 @@
+export interface DownloadClientProps {
+    /**
+     * Title of the popup.
+     */
+    title: string;
+    /**
+     * Description or body text of the popup.
+     */
+    description: string;
+    /**
+     * Callback for when the "Cancel" icon is clicked.
+     */
+    onCancel: () => void;
+    /**
+     * Callback for when the "Download for Windows" icon is clicked.
+     */
+    onDownloadWindows: () => void;
+    /**
+     * Callback for when the "Download for macOS" icon is clicked.
+     */
+    onDownloadMac: () => void;
+    /**
+     * Optional flag to control whether to display icons for download actions instead of buttons.
+     * Defaults to `false` for buttons.
+     */
+    showIcons?: boolean;
+}
+export interface DownloadClientProps {
+    onClose?: () => void;
+    onClickWindows: () => void;
+    onClickLinux: () => void;
+    onClickMac: () => void;
+    top?: string;
+    left?: string;
+}

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import EditTextField from './EditTextField';
+import '../../assets/styles/_colors.scss';
+import './EditTextField.scss';
+declare const meta: Meta<typeof EditTextField>;
+type Story = StoryObj<typeof EditTextField>;
+export declare const textFieldWithLabel: Story;
+export declare const textFieldWithOutLabel: Story;
+export declare const openTextField: Story;
+export default meta;

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

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

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

@@ -35,7 +35,7 @@ export interface EditorProps {
     /**
      * onChange function to handle the input changes
      */
-    handleChange: (value: string | undefined, _event: any) => {};
+    handleChange: (value: string | undefined, _event: any) => void;
     /**
      * Theme
      */

package/lib/components/Excel/ContextMenu/ContextMenu.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './ContextMenu.scss';
+declare const ContextMenu: React.FC<ContextMenuProps>;
+export default ContextMenu;

package/lib/components/Excel/ExcelFile.stories.d.ts

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

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

@@ -0,0 +1,14 @@
+import { CellBase } from "./ExcelFile/Excel";
+interface ChangeExcelStylesOptions {
+    sheetName: string;
+    styleType: string;
+    value: string;
+    selectedCell: {
+        row: number;
+        column: number;
+    }[];
+}
+export default function ChangeExcelStyles(setWorksheetsData: React.Dispatch<React.SetStateAction<{
+    [key: string]: Matrix<CellBase>;
+}>>, options: ChangeExcelStylesOptions): void;
+export {};

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

@@ -0,0 +1,24 @@
+interface CellStyle {
+    color?: string;
+    backgroundColor?: string;
+    bold?: boolean;
+    italic?: boolean;
+    name?: string;
+    border: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+    alignment: {
+        horizontal?: string;
+        vertical?: string;
+        wrapText?: boolean;
+    };
+}
+interface CellData {
+    style?: CellStyle;
+}
+type ImportExcelStylesData = Array<Array<CellData>>;
+export default function ImportExcelStyles(data: ImportExcelStylesData | null): void;
+export {};

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

@@ -6,6 +6,8 @@ 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/MultiSelect/MultiSelect.stories.d.ts

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

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

@@ -2,7 +2,7 @@ export interface ToasterProps {
     /**Boolean value to handle state of toaster. */
     isOpen: boolean;
     /**Variant for different type of toast message. */
-    variant: 'success' | 'warning' | 'danger' | 'info' | 'confirm';
+    variant: 'success' | 'warning' | 'danger' | 'info' | 'confirm' | 'alert';
     /**Title of the toaster  */
     toastTitle: string;
     /**Message for the toaster. */

package/lib/components/Toastify/Toastify.d.ts

@@ -6,4 +6,5 @@ export declare const toast: {
     error: (arg1: AcceptedType, arg2?: AcceptedType) => void;
     warning: (arg1: AcceptedType, arg2?: AcceptedType) => void;
     info: (arg1: AcceptedType, arg2?: AcceptedType) => void;
+    alert: (arg1: AcceptedType, arg2?: AcceptedType) => void;
 };

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

@@ -1,4 +1,4 @@
-export type Variant = 'success' | 'warning' | 'danger' | 'info' | 'confirm';
+export type Variant = 'success' | 'warning' | 'danger' | 'info' | 'alert';
 export interface ToastProps {
     isOpen: boolean;
     variant: Variant;

package/lib/index.d.ts

@@ -307,7 +307,7 @@ interface ToasterProps {
     /**Boolean value to handle state of toaster. */
     isOpen: boolean;
     /**Variant for different type of toast message. */
-    variant: 'success' | 'warning' | 'danger' | 'info' | 'confirm';
+    variant: 'success' | 'warning' | 'danger' | 'info' | 'confirm' | 'alert';
     /**Title of the toaster  */
     toastTitle: string;
     /**Message for the toaster. */
@@ -469,7 +469,7 @@ interface ChipsProps {
     /**
      * The variant of the Chip.
      */
-    variant?: 'primary' | 'success' | 'error' | 'warning' | 'custom';
+    variant?: 'primary' | 'success' | 'error' | 'warning' | 'custom' | 'public' | 'partial-public' | 'private' | 'disabled';
     /**
      * The callback function to be executed when the Chip is clicked.
      */
@@ -1812,7 +1812,7 @@ declare const Paper: ({ children, className, rounded }: PaperProps) => react_jsx
 
 type ChartItem = {
     key: string;
-    value: number;
+    value: string | number;
     color?: string;
 };
 type LegendType$1 = 'numberLegend' | 'pillLegend' | 'memoryLegend' | 'tableLegend';
@@ -1824,9 +1824,11 @@ type DashboardDonutChartProps = {
     isLegendDetails: boolean;
     gapAngle?: number;
     legendType: LegendType$1;
-    showOnlyLabel: boolean;
+    showOnlyLabel?: boolean;
     unit?: string;
-    showUnit: boolean;
+    showUnit?: boolean;
+    labelFontSize?: number;
+    subLabelFontSize?: number;
 };
 
 declare const DashboardDonutChart: React__default.FC<DashboardDonutChartProps>;
@@ -1997,6 +1999,7 @@ declare const toast: {
     error: (arg1: AcceptedType, arg2?: AcceptedType) => void;
     warning: (arg1: AcceptedType, arg2?: AcceptedType) => void;
     info: (arg1: AcceptedType, arg2?: AcceptedType) => void;
+    alert: (arg1: AcceptedType, arg2?: AcceptedType) => void;
 };
 
 interface ToggleSwitchProps {
@@ -2204,6 +2207,70 @@ interface CardProps {
 
 declare const StatusCard: React__default.FC<CardProps>;
 
+interface DyanamicObj {
+    [key: string]: any;
+}
+interface EditorProps {
+    /**
+     * Editor Content Type
+     */
+    language: 'javascript' | 'html' | 'json' | 'plain text' | 'xml';
+    /**
+     *
+     *Width of the editor
+     */
+    width: string;
+    /**
+     * Height of the editor
+     */
+    height: string;
+    /**
+     * read only
+     */
+    readOnly?: boolean;
+    /**
+     * Variable options list
+     */
+    variableOptionsList?: [] | DyanamicObj[];
+    /**
+     *Value to set in the editor
+     */
+    value: string;
+    /**
+     *
+     * setter function to set the value for the editor
+     */
+    setValue: (value: string) => void;
+    /**
+     * onChange function to handle the input changes
+     */
+    handleChange: (value: string | undefined, _event: any) => void;
+    /**
+     * Theme
+     */
+    theme?: 'light' | 'vs-dark';
+}
+interface dropdownPositionType {
+    top: number;
+    left: number;
+}
+interface VariableDropdownProps {
+    /**
+     * List of variables
+     */
+    optionsList: {}[];
+    /**
+     * Function to handle click on variable
+     */
+    onSelectVariable: (variable: object) => void;
+    /**
+     * Dropdown postion used for dropdown placement
+     */
+    dropdownPosition: dropdownPositionType;
+}
+
+declare const VariableDropdown: FC<VariableDropdownProps>;
+
 interface LineChartProps {
     data: any[];
     width: number;
@@ -2310,50 +2377,6 @@ interface MultiRadialChartProps {
 
 declare const MultiRadialChart: React__default.FC<MultiRadialChartProps>;
 
-interface DyanamicObj {
-    [key: string]: any;
-}
-interface EditorProps {
-    /**
-     * Editor Content Type
-     */
-    language: 'javascript' | 'html' | 'json' | 'plain text' | 'xml';
-    /**
-     *
-     *Width of the editor
-     */
-    width: string;
-    /**
-     * Height of the editor
-     */
-    height: string;
-    /**
-     * read only
-     */
-    readOnly?: boolean;
-    /**
-     * Variable options list
-     */
-    variableOptionsList?: [] | DyanamicObj[];
-    /**
-     *Value to set in the editor
-     */
-    value: string;
-    /**
-     *
-     * setter function to set the value for the editor
-     */
-    setValue: (value: string) => void;
-    /**
-     * onChange function to handle the input changes
-     */
-    handleChange: (value: string | undefined, _event: any) => {};
-    /**
-     * Theme
-     */
-    theme?: 'light' | 'vs-dark';
-}
-
 declare const Editor: React$1.ForwardRefExoticComponent<EditorProps & React$1.RefAttributes<any>>;
 
 interface OperatingSystemInfo {
@@ -2391,4 +2414,4 @@ declare const ConnectingBranch: React__default.FC;
 
 declare const saveFileFromBlob: (blob: Blob, filename: string) => void;
 
-export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BarChart, Button, Checkbox, Chip, Col, ConnectingBranch, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FileDropzone, ForwardedForms as Form, HighlightText, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, LineChart, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, saveFileFromBlob, throttle, toast, truncateText, useTheme };
+export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BarChart, Button, Checkbox, Chip, Col, ConnectingBranch, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FileDropzone, ForwardedForms as Form, HighlightText, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, LineChart, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, VariableDropdown, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, saveFileFromBlob, throttle, toast, truncateText, useTheme };