pixel-react 1.1.2 → 1.1.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/AppHeader/types.d.ts

@@ -1,26 +1,30 @@
 import { ReactNode } from 'react';
 export interface AppHeaderProps {
     logoIconName: string;
-    rightContent: ReactNode;
-    projectsList: string[];
+    leftContent?: ReactNode;
+    rightContent?: ReactNode;
+    projectsList?: string[];
     appHeaderMenuItems: appHeaderMenuItemProps[];
-    appHeaderHiddenMenuItems: string[];
+    appHeaderHiddenMenuItems?: string[];
     selectedMenu: string;
-    selectedSubMenu: string;
-    selectedQuickMenu: string;
+    selectedSubMenu?: string;
+    selectedQuickMenu?: string;
     onMenuClick?: (text: any) => void;
     onSubMenuClick?: (text: any) => void;
     onQuickMenuClick?: (text: any) => void;
 }
 export interface appHeaderMenuItemProps {
-    menuName: string;
-    subMenuItems: appHeaderSubMenuItemProps[];
+    menuLabel: string;
+    menuName?: string;
+    subMenuItems?: appHeaderSubMenuItemProps[];
 }
 export interface appHeaderSubMenuItemProps {
-    subMenuName: string;
-    quickMenuItems: appHeaderQuickMenuItemProps[];
+    subMenuLabel: string;
+    subMenuName?: string;
+    quickMenuItems?: appHeaderQuickMenuItemProps[];
 }
 export interface appHeaderQuickMenuItemProps {
-    quickMenuName: string;
+    quickMenuLabel?: string;
+    quickMenuName?: string;
     quickMenuIconName: string;
 }

package/lib/components/Paper/Paper.d.ts

@@ -0,0 +1,4 @@
+import './Paper.scss';
+import { PaperProps } from './types';
+declare const Paper: ({ children, className, rounded }: PaperProps) => import("react/jsx-runtime").JSX.Element;
+export default Paper;

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

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

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

@@ -0,0 +1,15 @@
+export interface PaperProps {
+    /**
+     * The content of the component.
+     */
+    children?: React.ReactNode;
+    /**
+     * Override or extend the styles applied to the component.
+     */
+    className?: string;
+    /**
+     * If `true`, rounded corners are Enabled.
+     * @default false
+     */
+    rounded?: boolean;
+}

package/lib/components/VariableInput/VariableInput.d.ts

@@ -0,0 +1,4 @@
+import './VariableInput.scss';
+import { VariableInputProps } from './types';
+declare const VariableInput: ({ type, name, label, disabled, required, placeholder, value, error, className, onChange, onKeyDown, onBlur, onFocus, list, ...props }: VariableInputProps) => import("react/jsx-runtime").JSX.Element;
+export default VariableInput;

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

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

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

@@ -0,0 +1,53 @@
+export interface VariableInputProps {
+    /**
+     * Name | name of the input field
+     */
+    name: string;
+    /**
+     * Label | field label to be displayed
+     */
+    label: string;
+    /**
+     * value | input field value
+     */
+    value: string | null;
+    /**
+     * type to set color/style of the input field
+     */
+    type: 'text' | 'password' | 'number' | 'email' | 'url' | 'time';
+    /**
+     * error | If true, error message will be displayed
+     */
+    error?: boolean;
+    /**
+     * to disable the input field
+     */
+    disabled?: boolean;
+    /**
+     * if true, input field will be mandatory
+     */
+    required?: boolean;
+    /**
+     * placeholder for the input field
+     */
+    placeholder?: string;
+    /**
+     * classnames to style the input field
+     */
+    className?: string;
+    /**
+     * onChange, onKeyDown, onBlur, onFocus actions
+     */
+    onChange?: (value: string) => void | undefined;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * id to select the input field uniquely
+     */
+    id?: string;
+    /**
+     * list of variables
+     */
+    list?: string[];
+}

package/lib/index.d.ts

@@ -1462,6 +1462,62 @@ declare const DragAndDrop: {
     DNDUtilities: typeof DNDUtilities;
 };
 
+interface VariableInputProps {
+    /**
+     * Name | name of the input field
+     */
+    name: string;
+    /**
+     * Label | field label to be displayed
+     */
+    label: string;
+    /**
+     * value | input field value
+     */
+    value: string | null;
+    /**
+     * type to set color/style of the input field
+     */
+    type: 'text' | 'password' | 'number' | 'email' | 'url' | 'time';
+    /**
+     * error | If true, error message will be displayed
+     */
+    error?: boolean;
+    /**
+     * to disable the input field
+     */
+    disabled?: boolean;
+    /**
+     * if true, input field will be mandatory
+     */
+    required?: boolean;
+    /**
+     * placeholder for the input field
+     */
+    placeholder?: string;
+    /**
+     * classnames to style the input field
+     */
+    className?: string;
+    /**
+     * onChange, onKeyDown, onBlur, onFocus actions
+     */
+    onChange?: (value: string) => void | undefined;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * id to select the input field uniquely
+     */
+    id?: string;
+    /**
+     * list of variables
+     */
+    list?: string[];
+}
+
+declare const VariableInput: ({ type, name, label, disabled, required, placeholder, value, error, className, onChange, onKeyDown, onBlur, onFocus, list, ...props }: VariableInputProps) => react_jsx_runtime.JSX.Element;
+
 declare const AllProjectsDropdown: () => react_jsx_runtime.JSX.Element;
 
 interface PieChartProps {
@@ -1478,32 +1534,54 @@ declare const PieChart: React__default.FC<PieChartProps>;
 
 interface AppHeaderProps {
     logoIconName: string;
-    rightContent: ReactNode;
-    projectsList: string[];
+    leftContent?: ReactNode;
+    rightContent?: ReactNode;
+    projectsList?: string[];
     appHeaderMenuItems: appHeaderMenuItemProps[];
-    appHeaderHiddenMenuItems: string[];
+    appHeaderHiddenMenuItems?: string[];
     selectedMenu: string;
-    selectedSubMenu: string;
-    selectedQuickMenu: string;
+    selectedSubMenu?: string;
+    selectedQuickMenu?: string;
     onMenuClick?: (text: any) => void;
     onSubMenuClick?: (text: any) => void;
     onQuickMenuClick?: (text: any) => void;
 }
 interface appHeaderMenuItemProps {
-    menuName: string;
-    subMenuItems: appHeaderSubMenuItemProps[];
+    menuLabel: string;
+    menuName?: string;
+    subMenuItems?: appHeaderSubMenuItemProps[];
 }
 interface appHeaderSubMenuItemProps {
-    subMenuName: string;
-    quickMenuItems: appHeaderQuickMenuItemProps[];
+    subMenuLabel: string;
+    subMenuName?: string;
+    quickMenuItems?: appHeaderQuickMenuItemProps[];
 }
 interface appHeaderQuickMenuItemProps {
-    quickMenuName: string;
+    quickMenuLabel?: string;
+    quickMenuName?: string;
     quickMenuIconName: string;
 }
 
 declare const AppHeader: React.FC<AppHeaderProps>;
 
+interface PaperProps {
+    /**
+     * The content of the component.
+     */
+    children?: React.ReactNode;
+    /**
+     * Override or extend the styles applied to the component.
+     */
+    className?: string;
+    /**
+     * If `true`, rounded corners are Enabled.
+     * @default false
+     */
+    rounded?: boolean;
+}
+
+declare const Paper: ({ children, className, rounded }: PaperProps) => react_jsx_runtime.JSX.Element;
+
 type ChartItem = {
     key: string;
     value: number;
@@ -1575,4 +1653,44 @@ type valueType = File | string;
 declare const getExtension: (value: valueType) => string | undefined;
 declare const getExtensionWithPeriod: (value: valueType) => string;
 
-export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, Button, Checkbox, Chip, Col, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExpandableMenu, FileDropzone, Form, HighlightText, Icon, IconButton, Input, InputWithDropdown, MenuOption, MiniModal, Modal, MultiSelect, NlpInput as NLPInput, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toggle, Tooltip, Typography, checkEmpty, getExtension, getExtensionWithPeriod, useTheme };
+type AnyObject$1 = {
+    id: number;
+    [key: string]: any;
+};
+declare function findAndInsert<T extends AnyObject$1>(data: T[], key: keyof T, targetId: number, newEntry: T, insertPosition: 'above' | 'below' | 'replace', childrenKey?: string): {
+    updatedArray: T[];
+} | null;
+
+declare const ffid: () => string;
+
+type Callback$1 = (...args: any[]) => void;
+interface DebouncedFunction extends Function {
+    cancel: () => void;
+}
+declare const debounce: (func: Callback$1, delay: number) => DebouncedFunction;
+
+/**
+ * Compare two arrays for equality.
+ * This function checks if both arrays contain the same elements in the same order,
+ * including nested structures.
+ *
+ * @param arr1 - The first array to compare.
+ * @param arr2 - The second array to compare.
+ * @returns - A boolean indicating if the arrays are equal.
+ */
+declare const compareArrays: (arr1: unknown[], arr2: unknown[]) => boolean;
+
+type AnyObject = Record<string, unknown>;
+declare const compareObjects: (obj1: AnyObject | null, obj2: AnyObject | null) => boolean;
+
+declare const getEncryptedData: (data: string, publicKey: string) => string | false;
+
+type Callback = (...args: any[]) => void;
+interface ThrottledFunction extends Function {
+    cancel: () => void;
+}
+declare const throttle: (func: Callback, limit: number) => ThrottledFunction;
+
+declare const truncateText: (text: string, maxLength: number) => string;
+
+export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, Button, Checkbox, Chip, Col, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExpandableMenu, FileDropzone, Form, HighlightText, Icon, IconButton, Input, InputWithDropdown, MenuOption, MiniModal, Modal, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toggle, Tooltip, Typography, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, throttle, truncateText, useTheme };