pixel-react 1.1.1 → 1.1.3

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/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/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/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/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[];
+}