pixel-react-excel-sheet 1.2.0

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

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

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

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

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

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

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

@@ -0,0 +1,30 @@
+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;
+}

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

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Chip from './Chip';
+import '../../assets/styles/_colors.scss';
+import './Chip.scss';
+declare const meta: Meta<typeof Chip>;
+type Story = StoryObj<typeof Chip>;
+export declare const Primary: Story;
+export declare const withoutExpand: Story;
+export declare const Group: Story;
+export declare const CustomChip: Story;
+export declare const Success: Story;
+export declare const Errors: Story;
+export declare const Warning: Story;
+export default meta;

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';
+    /**
+     * The callback function to be executed when the Chip is clicked.
+     */
+    onClick?: () => void;
+}

package/lib/components/DatePicker/DatePicker.d.ts

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

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

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import CustomDatePicker from './DatePicker';
+declare const meta: Meta<typeof CustomDatePicker>;
+export default meta;
+type Story = StoryObj<typeof CustomDatePicker>;
+export declare const Default: Story;
+export declare const StartDateFilter: Story;
+export declare const EndDateInput: Story;
+export declare const ScheduleDateInput: Story;

package/lib/components/DatePicker/Timepicker.d.ts

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

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

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

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

@@ -0,0 +1,81 @@
+export interface DatePickerProps {
+    /**
+     * The minimum selectable date.
+     */
+    minDate?: DateValue;
+    /**
+     * The maximum selectable date.
+     */
+    maxDate?: DateValue;
+    /**
+     * Selected date value.
+     */
+    value?: DateValue;
+    /**
+     * Function to handle date selection.
+     */
+    onChange: (value: DateValue) => void;
+    /**
+     * Placeholder text for the input field.
+     */
+    placeholder?: string;
+    /**
+     * Disables the date picker.
+     */
+    disabled?: boolean;
+    /**
+     * Format for displaying the selected date. Default is 'EEEE, dd MMM yyyy'.
+     */
+    dateFormat?: string;
+    /**
+     * Format for displaying the selected time. Default is 'hh:mm a'.
+     */
+    timeFormat?: string;
+    /**
+     * Timezone for the date picker.
+     */
+    timezone?: string;
+    /**
+     * Custom width for the calendar. This will override the default width of the calendar.
+     */
+    calendarWidth?: number;
+    /**
+     * When true, displays the input field error.
+     */
+    error?: boolean;
+    /**
+     * Helper text to display below the input field, used for error messages or instructions.
+     */
+    helperText?: string | undefined;
+}
+export type DateValue = Date | undefined;
+export interface CustomCaptionProps {
+    children?: React.ReactNode;
+}
+export interface CustomCalenderButtonProps {
+    className?: string;
+    disabled?: boolean | undefined;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}
+export interface TimePickerProps {
+    /**
+     * The current time value, in string format (e.g., '14:30').
+     */
+    value: string;
+    /**
+     * Function to handle time selection changes, receiving the selected time as a string.
+     */
+    onChange: (time: string) => void;
+    /**
+     * The minimum selectable time, used to restrict the earliest selectable time.
+     */
+    minTime?: string;
+    /**
+     * The maximum selectable time, used to restrict the latest selectable time.
+     */
+    maxTime?: string;
+    /**
+     * Function to handle error state changes, receiving a boolean indicating the presence of an error.
+     */
+    onErrorChange: (error: boolean) => void;
+}

package/lib/components/DragAndDrop/DragAndDrop.d.ts

@@ -0,0 +1,9 @@
+import * as DNDCore from '@dnd-kit/core';
+import * as DNDSortable from '@dnd-kit/sortable';
+import * as DNDUtilities from '@dnd-kit/utilities';
+declare const DragAndDrop: {
+    DNDCore: typeof DNDCore;
+    DNDSortable: typeof DNDSortable;
+    DNDUtilities: typeof DNDUtilities;
+};
+export default DragAndDrop;

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

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

package/lib/components/DragAndDrop/DragAndDropList.d.ts

@@ -0,0 +1,20 @@
+import './DragAndDropList.scss';
+interface TaskProps {
+    id: number;
+    title: string;
+}
+export declare const Task: ({ id, title }: TaskProps) => import("react/jsx-runtime").JSX.Element;
+interface ColumnProps {
+    id: string;
+    tasks: {
+        id: number;
+        title: string;
+    }[];
+}
+export declare const Column: React.FC<ColumnProps>;
+interface InputProps {
+    onSubmit: (input: string) => void;
+}
+export declare const Input: React.FC<InputProps>;
+declare const DragAndDropList: () => import("react/jsx-runtime").JSX.Element;
+export default DragAndDropList;

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

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

package/lib/components/Drawer/Drawer.d.ts

@@ -0,0 +1,5 @@
+import { DrawerProps } from './Types.js';
+import './Drawer.scss';
+import { FC } from 'react';
+declare const Drawer: FC<DrawerProps>;
+export default Drawer;

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Drawer from './Drawer';
+declare const meta: Meta<typeof Drawer>;
+export default meta;
+type Story = StoryObj<typeof Drawer>;
+export declare const Default: Story;
+export declare const WithoutHeader: Story;
+export declare const WithCustomHeader: Story;
+export declare const WithCustomFooter: Story;
+export declare const Controlled: Story;

package/lib/components/Drawer/Types.d.ts

@@ -0,0 +1,109 @@
+import { ReactNode } from 'react';
+export interface BtnPropsCommon {
+    /**
+     * Label for the button
+     */
+    label?: string;
+    /**
+     * Boolean value to disable the button
+     */
+    disabled?: boolean;
+    /**
+     * Onclick function for button
+     */
+    onClick?: () => void;
+}
+export interface DrawerProps {
+    /**
+     * To Open the Drawer
+     */
+    isOpen: boolean;
+    /**
+     * To Expand the Drawer
+     */
+    _isExpanded?: boolean;
+    /**
+   * To show and  hide the back button of the Drawer
+   */
+    isBackButtonVisible?: boolean;
+    /**
+ * To show and  hide the close button of the Drawer
+ */
+    _isCloseModalButtonVisible?: boolean;
+    /**
+     * Function to close the drawer
+     */
+    onClose?: () => void;
+    /**
+     * Size of the drawer medium = 550px large = 850px
+     */
+    size?: 'small' | 'medium' | 'large' | 'x-large';
+    /**
+     * Body Content of the drawer
+     */
+    children: ReactNode;
+    /**
+     * Header title for the drawer
+     */
+    title?: string | ReactNode;
+    /**
+     * To show the edit button on the header
+     */
+    showEditButton?: boolean;
+    /**
+     * Primary | Success button props
+     */
+    primaryButtonProps?: BtnPropsCommon;
+    /**
+     * Secondary | Cancel button props
+     */
+    secondaryButtonProps?: BtnPropsCommon;
+    /**
+     * Left side Primary Button | Cancel button props
+     */
+    leftPrimaryButtonProps?: BtnPropsCommon;
+    /**
+     * Left side Secondary | Cancel button props
+     */
+    leftSecondaryButtonProps?: BtnPropsCommon;
+    /**
+     * Onclick function for edit button
+     */
+    onEdit?: () => void;
+    /**
+     * Background overlay for the drawer
+     */
+    overlay?: boolean;
+    /**
+     * displays footer if its true, default true
+     */
+    isFooterRequired?: boolean;
+    /**
+     * footer Content
+     */
+    footerContent?: ReactNode;
+    /**
+     * To show or hide the header
+     */
+    showHeader?: boolean;
+    /**
+     *  Custom back button icon
+     * The icon to display for the back button.
+     * If not provided, a default icon will be used.
+     */
+    backButtonIcon?: ReactNode;
+    /**
+     * Callback function when the close icon is clicked
+     */
+    onCloseIconClick?: () => void;
+    /**
+    * Custom header for the drawer, replacing the default header.
+    * If provided, this will render in place of the default header.
+    */
+    customHeader?: ReactNode;
+    /**
+    * Custom footer for the drawer, replacing the default footer.
+    * If provided, this will render in place of the default footer.
+    */
+    customFooter?: ReactNode;
+}

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import './ColorBarSelector.scss';
+interface ColorBarSelectorProps {
+    getColorValue: (color: string) => void;
+    disabled: boolean;
+}
+declare const ColorBarSelector: React.FC<ColorBarSelectorProps>;
+export default ColorBarSelector;

package/lib/components/ExcelFile/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/ExcelFile/ExcelFile/Excel/ActiveCell.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as Types from "./types";
+type Props = {
+    DataEditor: Types.DataEditorComponent;
+};
+declare const ActiveCell: React.FC<Props>;
+export default ActiveCell;

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import * as Types from './types';
+export declare const Cell: React.FC<Types.CellComponentProps>;
+export declare const enhance: (CellComponent: React.ComponentType<Types.CellComponentProps>) => React.FC<Omit<Types.CellComponentProps, "selected" | "active" | "copied" | "dragging" | "mode" | "data" | "select" | "activate" | "setCellDimensions">>;

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

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as Types from "./types";
+declare const ColumnIndicator: Types.ColumnIndicatorComponent;
+export default ColumnIndicator;
+export declare const enhance: (ColumnIndicatorComponent: Types.ColumnIndicatorComponent) => React.FC<Omit<Types.ColumnIndicatorProps, "selected" | "onSelect">>;

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

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const Copied: React.FC;
+export default Copied;

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

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as Types from "./types";
+declare const CornerIndicator: Types.CornerIndicatorComponent;
+export default CornerIndicator;
+export declare const enhance: (CornerIndicatorComponent: Types.CornerIndicatorComponent) => React.FC<Omit<Types.CornerIndicatorProps, "selected" | "onSelect">>;

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

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as Types from "./types";
+/** The default Spreadsheet DataEditor component */
+declare const DataEditor: React.FC<Types.DataEditorProps>;
+export default DataEditor;

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

@@ -0,0 +1,8 @@
+import * as React from "react";
+import * as Types from "./types";
+export declare const TRUE_TEXT = "TRUE";
+export declare const FALSE_TEXT = "FALSE";
+/** The default Spreadsheet DataViewer component */
+declare const DataViewer: <Cell extends Types.CellBase<Value>, Value>({ cell, evaluatedCell, }: Types.DataViewerProps<Cell>) => React.ReactElement;
+export default DataViewer;
+export declare function convertBooleanToText(value: boolean): string;

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+import * as Types from "./types";
+export type Props = {
+    variant?: string;
+    dimensions?: Types.Dimensions | null | undefined;
+    hidden?: boolean;
+    dragging?: boolean;
+};
+declare const FloatingRect: React.FC<Props>;
+export default FloatingRect;

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

@@ -0,0 +1,3 @@
+import * as Types from "./types";
+declare const HeaderRow: Types.HeaderRowComponent;
+export default HeaderRow;

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

@@ -0,0 +1,3 @@
+import * as Types from "./types";
+declare const Row: Types.RowComponent;
+export default Row;

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

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as Types from "./types";
+declare const RowIndicator: Types.RowIndicatorComponent;
+export default RowIndicator;
+export declare const enhance: (RowIndicatorComponent: Types.RowIndicatorComponent) => React.FC<Omit<Types.RowIndicatorProps, "selected" | "onSelect">>;

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

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const Selected: React.FC;
+export default Selected;