pixel-priya 0.0.1

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import './BarChart.scss';
+type BarChartProps = {
+    data: {
+        label: string;
+        value: number;
+    }[];
+    barWidth: number;
+    height: number;
+    barGap?: number;
+    colors?: string[][];
+    xAxisLabel?: string;
+    yAxisLabel?: string;
+    padding?: number;
+    yAxisDivisions?: number;
+    barBorderRadius?: number;
+    legend?: boolean;
+    showXAxisLabels?: boolean;
+    icons?: (string | React.ReactNode)[];
+    iconSize?: number;
+    backgroundColor?: string;
+    legendPosition?: 'top' | 'bottom';
+    legendGap?: number;
+    onSelectedBar?: (_label: string) => void;
+};
+declare const BarChart: React.FC<BarChartProps>;
+export default BarChart;

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

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

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

@@ -0,0 +1,14 @@
+export interface BarChartProps {
+    barWidth: number;
+    width: number;
+    height: number;
+    data: Array<{
+        label: string;
+        value: number;
+        iconName: string;
+    }>;
+    colors?: string[];
+    barGap: number;
+    barRadius?: number;
+    iconSize?: number;
+}

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

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

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

@@ -0,0 +1,46 @@
+export type Status = 'passed' | 'failed' | 'warning' | 'skipped' | 'Passed' | 'Failed' | 'Skipped' | 'Warning';
+export type StatusValue = {
+    status: Status;
+    value: number;
+};
+export type ChartItem = {
+    key: string;
+    value: string | number;
+    color?: string;
+    percentage?: string | number;
+};
+export type NormalizedChartItem = {
+    key: string;
+    value: number | string;
+    color?: string;
+    normalizedValue?: number;
+    unit?: string;
+    labelValue?: number;
+    percentage?: string | number;
+};
+export type LegendType = 'numberLegend' | 'pillLegend' | 'memoryLegend' | 'tableLegend';
+export type DashboardDonutChartProps = {
+    radius: number;
+    lineWidth: number;
+    statusValues: ChartItem[];
+    legendDetailsType: string;
+    isLegendDetails: boolean;
+    gapAngle?: number;
+    legendType: LegendType;
+    apiDataLabel: string | number;
+    showOnlyLabel?: boolean;
+    unit?: string;
+    showUnit?: boolean;
+    labelFontSize?: number;
+    subLabelFontSize?: number;
+    legendPosition?: 'bottom' | 'right' | 'left';
+    chartGap?: number;
+    legendGap?: number;
+    tableWidth?: number;
+    tableHeight?: number;
+    legendValueFontSize?: number;
+    legendKeyFontSize?: number;
+    labelYoffSet?: number;
+    subLabelYoffSet?: number;
+    onSelectedStatus?: (_value: string) => void;
+};

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

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

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

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

package/lib/components/Charts/DonutChart/type.d.ts

@@ -0,0 +1,13 @@
+export type Status = 'passed' | 'failed' | 'warning' | 'skipped' | 'Passed' | 'Failed' | 'Skipped' | 'Warning';
+export type StatusValue = {
+    status: Status;
+    value: number;
+};
+export type DonutChartProps = {
+    radius: number;
+    lineWidth: number;
+    statusValues: StatusValue[];
+    legendDetailsType: string;
+    isLegendDetails: boolean;
+    gapAngle?: number;
+};

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

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

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

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

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

@@ -0,0 +1,22 @@
+export interface IconRadialChartProps {
+    radius: number;
+    lineWidth: number;
+    label: string;
+    percentageValue: number;
+    icon?: string;
+    fontSize: number;
+    arcColor: string;
+    backgroundArcColor: string;
+}
+export type ArcParams = {
+    x: number;
+    y: number;
+    radius: number;
+    startAngle: number;
+    endAngle: number;
+};
+export type ArcResult = string;
+export type ArcAnglesResult = {
+    backgroundArcPath: string;
+    foregroundArcPath: string;
+};

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

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

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

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

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

@@ -0,0 +1,29 @@
+export interface LineChartDataPoint {
+    point: any;
+    x: string;
+    y: number;
+}
+export interface Line {
+    show: boolean;
+    color: string;
+    data: LineChartDataPoint[];
+}
+export interface LineChartProps {
+    data: any[];
+    width: number;
+    height: number;
+    axisColor: string;
+    isStatusVariant?: boolean;
+    lineChartWidth?: number;
+    yAxisLabel?: string;
+    xAxisLabel?: string;
+    yAxisValueColor?: string;
+    xAxisColor?: string;
+    yAxisColor?: string;
+    yAxisLabelColor?: string;
+    textSize?: string | number;
+    fontWeight?: string | number;
+    numberSize?: string | number;
+    proportionalSpacing?: boolean;
+    chartName?: string;
+}

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

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

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

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

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

@@ -0,0 +1,25 @@
+export interface BarValue {
+    value: number;
+    arcColor: string;
+    arcBackgroundColor: string;
+    barLabel: string;
+}
+export type LegendType = 'numberLegend' | 'pillLegend';
+export interface MultiRadialChartProps {
+    radius: number;
+    lineWidth: number;
+    fontSize: number;
+    labelHeading: string;
+    lineCap: 'square' | 'round';
+    barValues: BarValue[];
+    legendType?: LegendType;
+    isLegendDetails?: boolean;
+    labelFontSize?: number;
+    subLabelFontSize?: number;
+    gapAngle?: number;
+}
+export interface ChartItem extends BarValue {
+    label: string;
+    key: string;
+    color?: string;
+}

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

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

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

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

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

@@ -0,0 +1,25 @@
+export type Status = {
+    status: 'Passed' | 'Failed' | 'Warning' | 'Skipped' | 'passed' | 'failed' | 'warning' | 'skipped';
+    value: number;
+};
+export interface RadialChartProps {
+    radius: number;
+    lineWidth: number;
+    statusValues: Status[];
+    onClick?: (status: Status) => void;
+    fontSize: number;
+}
+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/Checkbox/Checkbox.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './Checkbox.scss';
+import { CheckboxProps } from './types';
+import '../../assets/styles/_colors.scss';
+declare const Checkbox: React.FC<CheckboxProps>;
+export default Checkbox;

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

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

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

@@ -0,0 +1,34 @@
+export interface CheckboxProps {
+    /**
+     * Unique ID for the checkbox input
+     */
+    id?: string;
+    /**
+     * Name attribute for the checkbox input
+     */
+    name?: string;
+    /**
+     * Optional side label
+     */
+    label?: string;
+    /**
+     * Optional disable attribute
+     */
+    disabled?: boolean;
+    /**
+     * Optional checked attribute to prefill
+     */
+    checked?: boolean;
+    /**
+     * Optional onChange function
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * For partially checked checkbox
+     */
+    partial?: boolean;
+    /**
+     * For variant color
+     */
+    variant?: 'passed' | 'failed' | 'warning' | 'skipped' | 'flaky';
+}

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

@@ -0,0 +1,4 @@
+import './Chip.scss';
+import { ChipsProps } from './types';
+declare const Chip: ({ label, fullText, variant, onClick, }: ChipsProps) => import("react/jsx-runtime").JSX.Element;
+export default Chip;

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

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

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

@@ -0,0 +1,18 @@
+export interface ChipsProps {
+    /**
+     * The text to be displayed on the Chip.
+     */
+    label: string;
+    /**
+     * The text to be displayed on hover.
+     */
+    fullText?: string;
+    /**
+     * The variant of the Chip.
+     */
+    variant?: 'primary' | 'success' | 'error' | 'warning' | 'custom' | 'public' | 'partial-public' | 'private' | 'disabled' | 'count';
+    /**
+     * The callback function to be executed when the Chip is clicked.
+     */
+    onClick?: () => void;
+}

package/lib/components/ChooseFile/ChooseFile.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { ChooseFileProps } from './types';
+declare const ChooseFile: FC<ChooseFileProps>;
+export default ChooseFile;

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

@@ -0,0 +1,68 @@
+import { DynamicObj } from '../CreateVariable/types';
+export interface ChooseFileProps {
+    /**
+     * Variant of the button
+     */
+    variant: 'primary' | 'secondary' | 'tertiary' | 'delete' | 'warning';
+    /**
+     * What background color to use
+     */
+    backgroundColor?: string;
+    /**
+     * Width in string format can be sent for needed width
+     */
+    buttonWidth?: string;
+    /**
+     * How large should the button be?
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Button contents
+     */
+    label?: string;
+    /**
+     * Type of the button
+     */
+    type?: 'button' | 'submit';
+    disabled?: boolean;
+    /**
+     * Optional click handler
+     */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * Button id
+     */
+    id?: string;
+    /**
+     * onSubmit function handler
+     */
+    onSubmit?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * react ref for the button
+     */
+    ref?: any;
+    /**
+     * Classname for the button
+     */
+    className?: string;
+    /**
+     * Additional styles for the button
+     */
+    style?: React.CSSProperties;
+    /**
+     * Give icon name availble in storybook that to be on left side of button
+     */
+    iconName?: string;
+    /**
+     * isChooseFile is a Boolean prop
+     */
+    isChooseFile?: boolean;
+    /**
+     * selectedfile object will be send.
+     */
+    selectedFile?: File | DynamicObj | null;
+    /**
+     * handleCloseIcon function will set to the initial state .
+     */
+    handleCloseIcon?: () => void;
+}

package/lib/components/Comment/Comments.d.ts

@@ -0,0 +1,4 @@
+import './Comments.scss';
+import { CommentsProps } from './type';
+declare const Comments: ({ commentsData, handleAddComment, handleEditComment, handleDeleteComment, onCommentsDataChange, }: CommentsProps) => import("react/jsx-runtime").JSX.Element;
+export default Comments;

package/lib/components/Comment/comment/Comment.d.ts

@@ -0,0 +1,11 @@
+import { CommentType } from '../type';
+import '../Comments.scss';
+interface CommentProps {
+    handleInsertNode: any;
+    handleEditNode: any;
+    handleDeleteNode: (commentId: any) => any;
+    comment: CommentType;
+    depth?: number;
+}
+declare const Comment: ({ handleInsertNode, handleEditNode, handleDeleteNode, comment, depth, }: CommentProps) => import("react/jsx-runtime").JSX.Element;
+export default Comment;

package/lib/components/Comment/comment/useNode.d.ts

@@ -0,0 +1,7 @@
+import { CommentType } from '../type';
+declare const useNode: () => {
+    insertNode: (tree: CommentType, commentId: number | string, item: string) => CommentType;
+    editNode: (tree: CommentType, commentId: number | string, value: string) => CommentType;
+    deleteNode: (tree: CommentType, commentId: number) => CommentType;
+};
+export default useNode;

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

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

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

@@ -0,0 +1,25 @@
+export interface CommentType {
+    id?: string | number;
+    description?: string;
+    createdBy?: string;
+    modifiedBy?: string;
+    createdByUname?: string;
+    modifiedByUname?: string;
+    createdOn?: string;
+    modifiedOn?: string;
+    name?: string;
+    emailId?: string[];
+    commentParentId?: string;
+    comments: CommentType[];
+}
+export type HandleAddComment = (newComment: CommentType, parentCommentId?: string) => void;
+export type HandleEditComment = (commentId: string, updatedDescription: string) => void;
+export type HandleDeleteComment = (commentId: string) => void;
+export type HandleNodeFunction = (commentId: string, value: string) => void;
+export interface CommentsProps {
+    commentsData: any;
+    handleAddComment: any;
+    handleEditComment: any;
+    handleDeleteComment: any;
+    onCommentsDataChange: (data: any) => void;
+}

package/lib/components/ConditionalDropdown/ConditionalDropdown.d.ts

@@ -0,0 +1,4 @@
+import { ConditionalDropdownProps } from './types';
+import './ConditionalDropdown.scss';
+declare const ConditionalDropdown: import("react").ForwardRefExoticComponent<ConditionalDropdownProps & import("react").RefAttributes<HTMLInputElement>>;
+export default ConditionalDropdown;

package/lib/components/ConditionalDropdown/OptionsDropdown.d.ts

@@ -0,0 +1,5 @@
+import type { FC } from 'react';
+import { OptionsDropdownProps } from './types';
+import './ConditionalDropdown.scss';
+declare const OptionsDropdown: FC<OptionsDropdownProps>;
+export default OptionsDropdown;

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

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