pixel-react 1.1.0 → 1.1.2

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

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

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

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

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

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

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

@@ -0,0 +1,21 @@
+export type Status = 'passed' | 'failed' | 'warning' | 'skipped' | 'Passed' | 'Failed' | 'Skipped' | 'Warning';
+export type StatusValue = {
+    status: Status;
+    value: number;
+};
+export type ChartItem = {
+    key: string;
+    value: number;
+    color?: string;
+};
+export type LegendType = 'numberLegend' | 'pillLegend' | 'memoryLegend' | 'tableLegend';
+export type DashboardDonutChartProps = {
+    radius: number;
+    lineWidth: number;
+    statusValues: ChartItem[];
+    legendDetailsType: string;
+    isLegendDetails: boolean;
+    gapAngle?: number;
+    legendType: LegendType;
+    showOnlyLabel: boolean;
+};

package/lib/components/Charts/PieChart/PieChart.d.ts

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

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

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

package/lib/components/Charts/PieChart/index.d.ts

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

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

@@ -0,0 +1,27 @@
+export type Status = {
+    status: 'Passed';
+    value: number;
+};
+export interface PieChartProps {
+    radius: number;
+    data: Array<{
+        label: string;
+        value: number;
+    }>;
+    colors: string[];
+    chartBorder: boolean;
+}
+export type ArcParams = {
+    x: number;
+    y: number;
+    radius: number;
+    startAngle: number;
+    endAngle: number;
+};
+export type ArcResult = string;
+export type ArcAnglesResult = {
+    endAngle: number;
+    backgroundArcPath: string;
+    foregroundArcPath: string;
+    percentage: number;
+};

package/lib/components/FF_Captcha/Recaptcha.d.ts

@@ -0,0 +1,5 @@
+import ReCAPTCHA from 'react-google-recaptcha';
+import { RecaptchaProps } from './types';
+import './Recaptcha.scss';
+declare const Recaptcha: import("react").ForwardRefExoticComponent<RecaptchaProps & import("react").RefAttributes<ReCAPTCHA>>;
+export default Recaptcha;

package/lib/components/FF_Captcha/captcha.stories.d.ts

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

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

@@ -0,0 +1,20 @@
+import { ComponentProps } from 'react';
+import ReCAPTCHA from 'react-google-recaptcha';
+export interface RecaptchaProps extends Omit<ComponentProps<typeof ReCAPTCHA>, 'onChange'> {
+    /**
+     * Callback function that receives the verification token
+     */
+    onVerify: (token: string | null) => void;
+    /**
+     * Optional CSS class name
+     */
+    className?: string;
+    /**
+     * Optional error message to display
+     */
+    error?: string | null;
+    /**
+     * reCAPTCHA site key
+     */
+    sitekey: string;
+}

package/lib/components/MultiSelect/MultiSelect.d.ts

@@ -1,4 +1,4 @@
 import './MultiSelect.scss';
 import { MultiSelectProps } from './MultiSelectTypes';
-declare const MultiSelect: ({ options, type, selectedOptions, onChange, acceptNewOption, zIndex, label, onSearch, required, disabled, errorMessage, withSelectButton, onSelect, displayCount }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const MultiSelect: ({ options, type, selectedOptions, onChange, acceptNewOption, zIndex, label, onSearch, required, disabled, errorMessage, withSelectButton, onSelect, displayCount, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default MultiSelect;

package/lib/components/MultiSelect/MultiSelectTypes.d.ts

@@ -10,7 +10,7 @@ interface MultiSelectProps {
     label: string;
     selectedOptions?: Option[];
     disabled?: boolean;
-    onSearch?: (searchedKeyword: string) => void;
+    onSearch?: (searchedKeyword: string, resultsLength: number) => void;
     onChange?: (selectedOptions: Option[]) => void;
     acceptNewOption?: boolean;
     zIndex?: number;

package/lib/components/NLPInput/NlpInput.d.ts

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

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/components/NlpDropDown/NlpDropDownType.d.ts

@@ -0,0 +1,19 @@
+import { DrowdownPosition, Option } from '../../type';
+export interface NlpDropDownListProps {
+    onSelectBlur: () => void;
+    onSelectOptionSelector: (option: Option) => void;
+    dropdownPosition: DrowdownPosition;
+    options?: Option[];
+    optionZIndex?: number;
+    inputRef?: React.RefObject<HTMLInputElement>;
+    label?: string;
+    hasError?: boolean;
+    errorMessage?: string;
+    disabled?: boolean;
+}
+export declare const nlpDropdownDefaultCSSData: {
+    margin: number;
+    optionHeight: number;
+    selectInputHeight: number;
+    dropDownWrapperPadding: number;
+};

package/lib/components/NLPInput/components/NlpDropDown/NlpDropdown.d.ts

@@ -0,0 +1,4 @@
+import { NlpDropDownListProps } from './NlpDropDownType';
+import './NlpDropdown.scss';
+declare const NlpDropdown: ({ onSelectBlur, onSelectOptionSelector, dropdownPosition, options, optionZIndex, inputRef, }: NlpDropDownListProps) => import("react/jsx-runtime").JSX.Element;
+export default NlpDropdown;

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

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

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

@@ -1,4 +1,4 @@
 import './Table.scss';
 import { TableProps } from './Types';
-declare const Table: ({ data, columns, headerType, withFixedHeader, borderWithRadius, height, className, }: TableProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, height, className, }: TableProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Table;

package/lib/index.d.ts

@@ -1,12 +1,13 @@
 import * as LazyLoad from 'react-window';
 export { LazyLoad };
 import * as React$1 from 'react';
-import React__default, { ReactNode, FC, RefObject } from 'react';
+import React__default, { ReactNode, FC, RefObject, ComponentProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FieldValues, UseFormProps, SubmitHandler, FieldPath, FieldErrors } from 'react-hook-form';
 import * as DNDCore from '@dnd-kit/core';
 import * as DNDSortable from '@dnd-kit/sortable';
 import * as DNDUtilities from '@dnd-kit/utilities';
+import ReCAPTCHA from 'react-google-recaptcha';
 
 interface ButtonProps$1 {
     /**
@@ -203,20 +204,20 @@ interface AccordionProps {
  */
 declare const Accordion: ({ headerTitle, color, minHeight, accordionContent, disable, disableInfoMessage, }: AccordionProps) => react_jsx_runtime.JSX.Element;
 
-interface Option$2 {
+interface Option$3 {
     label?: string;
     value?: string;
     accessor?: string;
     isChecked?: boolean;
 }
 interface MultiSelectProps {
-    options: Option$2[];
+    options: Option$3[];
     type?: 'email' | 'text';
     label: string;
-    selectedOptions?: Option$2[];
+    selectedOptions?: Option$3[];
     disabled?: boolean;
-    onSearch?: (searchedKeyword: string) => void;
-    onChange?: (selectedOptions: Option$2[]) => void;
+    onSearch?: (searchedKeyword: string, resultsLength: number) => void;
+    onChange?: (selectedOptions: Option$3[]) => void;
     acceptNewOption?: boolean;
     zIndex?: number;
     required?: boolean;
@@ -226,7 +227,7 @@ interface MultiSelectProps {
     displayCount?: boolean;
 }
 
-declare const MultiSelect: ({ options, type, selectedOptions, onChange, acceptNewOption, zIndex, label, onSearch, required, disabled, errorMessage, withSelectButton, onSelect, displayCount }: MultiSelectProps) => react_jsx_runtime.JSX.Element;
+declare const MultiSelect: ({ options, type, selectedOptions, onChange, acceptNewOption, zIndex, label, onSearch, required, disabled, errorMessage, withSelectButton, onSelect, displayCount, }: MultiSelectProps) => react_jsx_runtime.JSX.Element;
 
 interface ToasterProps {
     /**Boolean value to handle state of toaster. */
@@ -560,12 +561,12 @@ interface ExpandableMenuProps {
 
 declare const ExpandableMenu: React.FC<ExpandableMenuProps>;
 
-interface SelectProps {
+interface SelectProps$1 {
     label?: string;
     showLabel?: boolean;
-    optionsList: Option$1[];
-    selectedOption?: Option$1;
-    onChange: (option: Option$1) => void;
+    optionsList: Option$2[];
+    selectedOption?: Option$2;
+    onChange: (option: Option$2) => void;
     errorMsg?: string;
     className?: string;
     optionZIndex?: number;
@@ -578,13 +579,13 @@ interface SelectProps {
      */
     optionsRequired?: boolean;
 }
-interface Option$1 {
+interface Option$2 {
     label: string | ReactNode;
     value: string;
     disabled?: boolean;
 }
 
-declare const Select: ({ label, showLabel, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, optionsRequired, }: SelectProps) => react_jsx_runtime.JSX.Element;
+declare const Select: ({ label, showLabel, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, optionsRequired, }: SelectProps$1) => react_jsx_runtime.JSX.Element;
 
 interface TextareaProps {
     /**
@@ -879,7 +880,7 @@ interface TableProps {
     className?: string;
 }
 
-declare const Table: ({ data, columns, headerType, withFixedHeader, borderWithRadius, height, className, }: TableProps) => react_jsx_runtime.JSX.Element | null;
+declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, height, className, }: TableProps) => react_jsx_runtime.JSX.Element | null;
 
 /**
  * Props for the Add Resource Button component.
@@ -1059,7 +1060,7 @@ interface FormProps<T extends FieldValues> extends UseFormProps<T> {
 }
 declare const Form: <T extends FieldValues>({ onSubmit, children, ...rest }: FormProps<T>) => react_jsx_runtime.JSX.Element;
 
-interface Option {
+interface Option$1 {
     label: string | ReactNode;
     value: string;
 }
@@ -1107,11 +1108,11 @@ interface InputWithDropdownProps {
     /**
      * Options for the select dropdown
      */
-    optionsList: Option[];
+    optionsList: Option$1[];
     /**
      * Selected option for the select dropdown
      */
-    selectedOption?: Option;
+    selectedOption?: Option$1;
     /**
      * onChange handler for input changes
      */
@@ -1119,7 +1120,7 @@ interface InputWithDropdownProps {
     /**
      * onChange handler for dropdown changes
      */
-    onDropdownChangeHandler?: (option: Option) => void;
+    onDropdownChangeHandler?: (option: Option$1) => void;
     /**
      * onInputBlurHandler action for input field
      */
@@ -1463,6 +1464,18 @@ declare const DragAndDrop: {
 
 declare const AllProjectsDropdown: () => react_jsx_runtime.JSX.Element;
 
+interface PieChartProps {
+    radius: number;
+    data: Array<{
+        label: string;
+        value: number;
+    }>;
+    colors: string[];
+    chartBorder: boolean;
+}
+
+declare const PieChart: React__default.FC<PieChartProps>;
+
 interface AppHeaderProps {
     logoIconName: string;
     rightContent: ReactNode;
@@ -1491,6 +1504,70 @@ interface appHeaderQuickMenuItemProps {
 
 declare const AppHeader: React.FC<AppHeaderProps>;
 
+type ChartItem = {
+    key: string;
+    value: number;
+    color?: string;
+};
+type LegendType = 'numberLegend' | 'pillLegend' | 'memoryLegend' | 'tableLegend';
+type DashboardDonutChartProps = {
+    radius: number;
+    lineWidth: number;
+    statusValues: ChartItem[];
+    legendDetailsType: string;
+    isLegendDetails: boolean;
+    gapAngle?: number;
+    legendType: LegendType;
+    showOnlyLabel: boolean;
+};
+
+declare const DashboardDonutChart: React__default.FC<DashboardDonutChartProps>;
+
+interface RecaptchaProps extends Omit<ComponentProps<typeof ReCAPTCHA>, 'onChange'> {
+    /**
+     * Callback function that receives the verification token
+     */
+    onVerify: (token: string | null) => void;
+    /**
+     * Optional CSS class name
+     */
+    className?: string;
+    /**
+     * Optional error message to display
+     */
+    error?: string | null;
+    /**
+     * reCAPTCHA site key
+     */
+    sitekey: string;
+}
+
+declare const Recaptcha: React$1.ForwardRefExoticComponent<RecaptchaProps & React$1.RefAttributes<ReCAPTCHA>>;
+
+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;
+}
+interface Option {
+    displayName: string | ReactNode;
+    projectId: string;
+    nlpType: string;
+    platform: string;
+    disabled?: boolean;
+}
+
+declare const NlpInput: ({ label, showLabel, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, }: SelectProps) => react_jsx_runtime.JSX.Element;
+
 type valueType$1 = any;
 declare const checkEmpty: (value: valueType$1) => boolean;
 
@@ -1498,4 +1575,4 @@ 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, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExpandableMenu, FileDropzone, Form, HighlightText, Icon, IconButton, Input, InputWithDropdown, MenuOption, MiniModal, Modal, MultiSelect, RadialChart, RadioButton, RadioGroup, Row, Search, Select, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toggle, Tooltip, Typography, checkEmpty, getExtension, getExtensionWithPeriod, useTheme };
+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 };