digitinary-ui 1.0.173 → 1.0.176

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "digitinary-ui",
-  "version": "1.0.173",
+  "version": "1.0.176",
   "description": "Digitinary UI Library",
   "author": "Digitinary Company",
   "repository": {
@@ -55,7 +55,7 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^13.4.0",
     "@types/jest": "^29.5.12",
-    "@types/react": "18.3.1",
+    "@types/react": "^18.3.1",
     "@types/react-dom": "18.2.25",
     "@typescript-eslint/eslint-plugin": "^7.7.0",
     "@typescript-eslint/parser": "^7.7.0",
@@ -71,6 +71,7 @@
     "jest-environment-jsdom": "^29.7.0",
     "jest-transform-stub": "^2.0.0",
     "pretty-quick": "^4.0.0",
+    "react": "18.3.1",
     "sass": "^1.75.0",
     "sass-loader": "^13.2.2",
     "style-loader": "^4.0.0",

package/dist/components/Accordion/Accordion.d.ts

@@ -1,4 +0,0 @@
-import { AccordionProps } from '../../types';
-import './style.scss';
-declare const Accordion: ({ defaultExpanded, expanded, disabled, onChange, summary, children, className, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
-export default Accordion;

package/dist/components/Accordion/Accordion.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/dist/components/Accordion/index.d.ts

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

package/dist/components/ActionDropdown/ActionDropdown.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/dist/components/ActionDropdown/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import './style.scss';
-interface DropdownButtonProps {
-    options?: React.ReactNode[];
-    customContainer?: HTMLElement;
-    menuIcon?: React.ReactNode;
-}
-declare const ActionDropdown: ({ options, customContainer, menuIcon, }: DropdownButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default ActionDropdown;

package/dist/components/Alert/Alert.d.ts

@@ -1,4 +0,0 @@
-import { AlertProps } from '../../types';
-import './style.scss';
-declare const Alert: ({ severity, color, variant, onClose, action, className, icon, customStyle, children, }: AlertProps) => import("react/jsx-runtime").JSX.Element | null;
-export default Alert;

package/dist/components/Alert/Alert.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/dist/components/Alert/index.d.ts

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

package/dist/components/ArenaDatePicker/ArenaDatePicker.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-import 'react-datepicker/dist/react-datepicker.css';
-import { DateProps } from '../../types/interfaces';
-import './style.scss';
-declare const ArenaDatePicker: FC<DateProps>;
-export default ArenaDatePicker;

package/dist/components/ArenaDatePicker/index.d.ts

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

package/dist/components/ArenaDateRange/ArenaDateRange.d.ts

@@ -1,37 +0,0 @@
-import React from 'react';
-import './style.scss';
-interface DateRangePickerProps {
-    value: string | null;
-    onChange: (dateRange: string) => void;
-    label?: string | JSX.Element;
-    placeholder?: string;
-    showTimeInput?: boolean;
-    className?: string;
-    disabled?: boolean;
-    size?: string;
-    id?: string;
-    clearable?: boolean;
-    endDatePlaceholder: string;
-    startDatePlaceholder: string;
-    disableStartDate: boolean;
-    showMonthYearPicker: boolean;
-    disableEndDate: boolean;
-    maxStartDate?: string;
-    minStartDate?: string;
-    maxEndDate?: string;
-    minEndDate?: string;
-    required?: boolean;
-    labels?: {
-        month: string;
-        day: string;
-        Apply: string;
-        week: string;
-        Select: string;
-        Last: string;
-        Start_Date: string;
-        End_Date: string;
-        Selected_Date: string;
-    };
-}
-declare const ArenaDateRange: React.FC<DateRangePickerProps>;
-export default ArenaDateRange;

package/dist/components/ArenaDateRange/index.d.ts

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

package/dist/components/ArenaLabel/ArenaLabel.d.ts

@@ -1,7 +0,0 @@
-import './style.scss';
-type ArenaLabel = {
-    label: string;
-    type: 'required' | 'optional';
-};
-declare const ArenaLabel: ({ label, type }: ArenaLabel) => import("react/jsx-runtime").JSX.Element;
-export default ArenaLabel;

package/dist/components/ArenaLabel/ArenaLabel.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/dist/components/BarChart/BarChart.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import './style.scss';
-type DataItem = {
-    name: string;
-    value: number;
-    color: string;
-};
-type BarChartProps = {
-    data: DataItem[];
-    className?: string;
-    barSize: number;
-    width: number;
-    height: number;
-    selectedItem?: string;
-    yAxisFontSize?: string;
-    xAxisFontSize?: string;
-    yAxisOffset?: number;
-};
-declare const BarChart: React.FC<BarChartProps>;
-export default BarChart;

package/dist/components/Button/Button.d.ts

@@ -1,7 +0,0 @@
-import { ButtonPropsType } from '../../types';
-import './style.scss';
-declare const Button: {
-    ({ children, className, variant, color, size, type, disabled, loading, startIcon, endIcon, fullWidth, onKeyDown, onClick, active, dataId, ...props }: ButtonPropsType): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default Button;

package/dist/components/Button/Button.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/dist/components/Button/index.d.ts

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

package/dist/components/Card/Card.d.ts

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

package/dist/components/Card/index.d.ts

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

package/dist/components/Carousel/Carousel.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import './style.scss';
-type CarouselProps = {
-    items: JSX.Element[];
-    title: string;
-    move?: boolean;
-    setMove?: (move: boolean) => void;
-    className?: string;
-};
-declare const Carousel: React.FC<CarouselProps>;
-export default Carousel;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,4 +0,0 @@
-import { CheckboxPropsType } from '../../types';
-import './style.scss';
-declare const Checkbox: ({ label, labelPlacement, handleCheckboxChange, className, checked, size, disabled, }: CheckboxPropsType) => import("react/jsx-runtime").JSX.Element;
-export default Checkbox;

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

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

package/dist/components/Chip/Chip.d.ts

@@ -1,7 +0,0 @@
-import { ChipPropsType } from '../../types';
-import './style.scss';
-declare const Chip: {
-    ({ className, color, children, variant, clickable, onClick, onDelete, size, id, type, }: ChipPropsType): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default Chip;

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

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

package/dist/components/Chips/Chips.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import './style.scss';
-interface ChipsProps {
-    chips?: string[] | any[];
-    onDelete?: (option: string) => void;
-    className?: string;
-}
-declare const Chips: React.FC<ChipsProps>;
-export default Chips;

package/dist/components/CounterComponent/CounterComponent.d.ts

@@ -1,16 +0,0 @@
-import { SizeType } from 'types';
-import './style.scss';
-interface CounterComponentProps {
-    label?: string;
-    value?: number;
-    size?: SizeType;
-    onChange?: (value?: number) => void;
-    errorMsg?: string;
-    required?: boolean;
-    disabled?: boolean;
-    className?: string;
-    minNumber?: number;
-    maxNumber?: number;
-}
-declare const CounterComponent: ({ label, value, size, onChange, errorMsg, required, disabled, className, minNumber, maxNumber, }: CounterComponentProps) => import("react/jsx-runtime").JSX.Element;
-export default CounterComponent;

package/dist/components/Date/Date.d.ts

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

package/dist/components/Date/index.d.ts

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

package/dist/components/DateRange/DateRange.d.ts

@@ -1,53 +0,0 @@
-import { FC } from 'react';
-import { SizeType, periodType } from '../../types';
-import './style.scss';
-interface DateRangeProps {
-    id?: string;
-    label?: JSX.Element | string;
-    helperText?: string;
-    errorMsg?: string;
-    success?: boolean;
-    disabled?: boolean;
-    maxRangeSpan?: periodType;
-    value?: {
-        value: string;
-        type: {
-            key: string;
-            value: string;
-        };
-    };
-    onChange: (newValue?: {
-        value: string;
-        type: {
-            key: string;
-            value: string;
-        };
-    }) => void;
-    size?: SizeType;
-    clearable?: boolean;
-    hideMoreDateOptions?: boolean;
-    showTimePicker?: boolean;
-    acceptSameDay?: boolean;
-    maxStartDate?: string;
-    minStartDate?: string;
-    maxEndDate?: string;
-    minEndDate?: string;
-    disableStartDate?: boolean;
-    disableEndDate?: boolean;
-    labels?: {
-        month: string;
-        day: string;
-        Apply: string;
-        week: string;
-        Select: string;
-        Last: string;
-        Start_Date: string;
-        End_Date: string;
-        Selected_Date: string;
-    };
-    className?: string;
-    dataId?: string;
-    required?: boolean;
-}
-declare const DateRange: FC<DateRangeProps>;
-export default DateRange;

package/dist/components/DateRange/index.d.ts

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

package/dist/components/Dialog/Dialog.d.ts

@@ -1,4 +0,0 @@
-import { DialogPropsType } from '../../types';
-import './style.scss';
-declare const Dialog: ({ open, onClose, header, content, footer, position, size, disableOverlay, disableBackdropClick, fullWidth, dataId, scroll, className, }: DialogPropsType) => import("react/jsx-runtime").JSX.Element;
-export default Dialog;

package/dist/components/Dialog/index.d.ts

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

package/dist/components/DonutChart/DonutChart.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import './style.scss';
-type DataItem = {
-    name: string;
-    value: number;
-    fill: string;
-};
-type DonutChartProps = {
-    data: DataItem[] | undefined;
-    height?: number;
-    width?: string;
-    innerRadius?: number;
-    outerRadius?: number;
-    withPercentage?: boolean;
-    dataId?: string;
-    fontSize?: string;
-    withLegend?: boolean;
-    withMoreDetails?: boolean;
-    valueFontSize?: string;
-    nameFontSize?: string;
-    noDataState?: boolean;
-    endAngle?: number;
-    startAngle?: number;
-    dy?: number;
-    className?: string;
-    innerShapeRadius?: number;
-    outerShapeRadius?: number;
-    withTooltip?: boolean;
-};
-declare const DonutChart: React.FC<DonutChartProps>;
-export default DonutChart;

package/dist/components/DoubleBarChart/DoubleBarChart.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import './style.scss';
-interface DoubleBarChartProps {
-    data: {
-        name: string;
-        value: number;
-        volume: number;
-    }[];
-    className?: string;
-    barSize: number;
-    width: number;
-    height: number;
-    selectedFirstItem: string;
-    selectedSeconedItem: string;
-    color: {
-        first: string;
-        seconed: string;
-    };
-}
-declare const DoubleBarChart: React.FC<DoubleBarChartProps>;
-export default DoubleBarChart;

package/dist/components/DropDown/DropDown.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import './style.scss';
-type Option = {
-    value: string;
-    view: React.ReactNode;
-};
-type Value = {
-    item: Object;
-    [key: string]: any;
-};
-type DropDownProps = {
-    label?: string;
-    placeholder?: string;
-    options?: Option[];
-    value?: Value;
-    size?: string;
-    setValue?: React.Dispatch<React.SetStateAction<string>>;
-    clearable?: boolean;
-    errorMessage?: string;
-    required?: boolean;
-    disabled?: boolean;
-    defaultIconTitle?: string;
-    showDefaultIcon?: boolean;
-    defaultIcon?: React.ReactNode;
-    className?: string;
-};
-declare const DropDown: React.FC<DropDownProps>;
-export default DropDown;

package/dist/components/EllipsisMenu/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import './style.scss';
-interface KebabMenuProps {
-    actions: React.ReactNode[];
-    className?: string;
-}
-declare const EllipsisMenu: ({ actions, className }: KebabMenuProps) => import("react/jsx-runtime").JSX.Element;
-export default EllipsisMenu;

package/dist/components/EllipsisTextWithTooltip/EllipsisTextWithTooltip.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface TextWithTooltipProps {
-    text: string;
-    limit: number;
-}
-declare const EllipsisTextWithTooltip: React.FC<TextWithTooltipProps>;
-export default EllipsisTextWithTooltip;

package/dist/components/FieldArray/FieldArray.d.ts

@@ -1,10 +0,0 @@
-import './style.scss';
-interface FieldArrayProps {
-    initialFields: any[];
-    fieldsSettings: any[];
-    value: any[];
-    setValue: (value: any) => void;
-    handleDataChanged?: () => void;
-}
-declare const FieldArray: ({ initialFields, fieldsSettings, value, setValue, handleDataChanged, }: FieldArrayProps) => import("react/jsx-runtime").JSX.Element;
-export default FieldArray;

package/dist/components/FieldArray/FieldArrayHook.d.ts

@@ -1,13 +0,0 @@
-type FieldArrayValue = Record<string, string | number | object>;
-interface UseCusFieldArrayProps {
-    initialFields: any[];
-    value: FieldArrayValue[];
-}
-interface UseCusFieldArrayReturn {
-    fields: any[];
-    append: (newField: any) => void;
-    replace: (index: number, newField: any) => void;
-    remove: (index: number) => void;
-}
-declare const useCusFieldArray: ({ value }: UseCusFieldArrayProps) => UseCusFieldArrayReturn;
-export default useCusFieldArray;

package/dist/components/FileUploader/index.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import './style.scss';
-type FileOrUrl = File | string;
-interface FileUploaderProps {
-    multiple?: boolean;
-    disabled?: boolean;
-    accept?: string;
-    value: FileOrUrl[] | [];
-    onChange: (value: FileOrUrl[]) => void;
-    size?: 'small' | 'medium' | 'large';
-    label?: JSX.Element | string | number;
-    placeholder?: string | number;
-    required?: boolean;
-    key?: any;
-    handleDownload?: (value: FileOrUrl) => void;
-}
-declare const FileUploader: ({ multiple, disabled, accept, value, onChange, size, label, placeholder, required, key, handleDownload, }: FileUploaderProps) => import("react/jsx-runtime").JSX.Element;
-export default FileUploader;

package/dist/components/FileUploader/viewFiles.d.ts

@@ -1,8 +0,0 @@
-import './style.scss';
-type FileOrUrl = File | string;
-declare const ViewFiles: ({ files, onChange, handleDownload, }: {
-    files: FileOrUrl[];
-    onChange: (value: FileOrUrl[], deletedFiles: FileOrUrl[]) => void;
-    handleDownload?: ((value: FileOrUrl) => void) | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
-export default ViewFiles;

package/dist/components/GridSystem/Col.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { ColProps } from './helper';
-import './style.scss';
-declare const Col: React.FC<ColProps>;
-export default Col;

package/dist/components/GridSystem/Container.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { ContainerProps } from './helper';
-import './style.scss';
-declare const Container: FC<ContainerProps>;
-export default Container;

package/dist/components/GridSystem/helper.d.ts

@@ -1,31 +0,0 @@
-import { CSSProperties } from 'react';
-interface SpacingProps {
-    p?: string | number;
-    pt?: string | number;
-    pb?: string | number;
-    px?: string | number;
-    py?: string | number;
-    m?: string | number;
-    mt?: string | number;
-    mb?: string | number;
-    mx?: string | number;
-    my?: string | number;
-}
-export interface ContainerProps extends SpacingProps {
-    children: React.ReactNode;
-    style?: CSSProperties;
-    columnGap?: string | number;
-    rowGap?: string | number;
-}
-export interface ColProps extends SpacingProps {
-    children: React.ReactNode;
-    style?: CSSProperties;
-    xs?: number;
-    sm?: number;
-    md?: number;
-    lg?: number;
-    xl?: number;
-    xxl?: number;
-}
-export declare const getSpacingStyle: ({ p, pt, pb, px, py, m, mt, mb, mx, my, }: SpacingProps) => CSSProperties;
-export {};

package/dist/components/HelperText/HelperText.d.ts

@@ -1,4 +0,0 @@
-import { HelperTextPropsType } from '../../types';
-import './style.scss';
-declare const HelperText: ({ className, type, text }: HelperTextPropsType) => import("react/jsx-runtime").JSX.Element;
-export default HelperText;

package/dist/components/HelperText/index.d.ts

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

package/dist/components/Input/Input.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { InputProps } from '../../types';
-import './style.scss';
-declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export default Input;

package/dist/components/Input/index.d.ts

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

package/dist/components/Input/input.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/dist/components/InputRange/index.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import './style.scss';
-interface InputRangeProps {
-    value: number;
-    onChange: (value: number) => void;
-    disabled?: boolean;
-    min?: number;
-    max?: number;
-    label?: JSX.Element | string | number;
-    required?: boolean;
-    isPercentage?: boolean;
-}
-declare const InputRange: ({ value, onChange, disabled, min, max, label, required, isPercentage, }: InputRangeProps) => import("react/jsx-runtime").JSX.Element;
-export default InputRange;

package/dist/components/JsonEditor/JsonEditor.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const JsonEditor: React.FC;
-export default JsonEditor;

package/dist/components/JsonField/JsonField.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import './style.scss';
-interface JsonFieldProps {
-    json: string;
-    setJson: React.Dispatch<React.SetStateAction<string>>;
-    title: JSX.Element | string;
-    disabled?: boolean;
-    className?: string;
-}
-declare const JsonField: React.FC<JsonFieldProps>;
-export default JsonField;

package/dist/components/Label/Label.d.ts

@@ -1,4 +0,0 @@
-import { LabelPropsType } from '../../types';
-import './style.scss';
-declare const Label: ({ className, required, label }: LabelPropsType) => import("react/jsx-runtime").JSX.Element;
-export default Label;

package/dist/components/Label/index.d.ts

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

package/dist/components/LineChart/LineChart.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-import './style.scss';
-type LineData = {
-    name: string;
-    [key: string]: string | number;
-    fill: string | number;
-};
-type LineItem = {
-    name: string;
-    key: string;
-    color: string;
-    dotColor: string;
-};
-type LineChartProps = {
-    data: LineData[];
-    lines: LineItem[];
-    height?: number;
-    width?: number;
-    className?: string;
-    isViewXAxis?: boolean;
-    isViewYAxis?: boolean;
-    xAxisLabel?: Record<string, string | number>;
-    yAxisLabel?: Record<string, string | number>;
-};
-declare const LineChartComponent: React.FC<LineChartProps>;
-export default LineChartComponent;

package/dist/components/Loader/Loader.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import './style.scss';
-interface LoaderProps {
-    className?: string;
-    width?: number;
-    height?: number;
-    color?: string;
-    shape?: 'quarter' | 'half' | 'three-quarters';
-}
-declare const Loader: React.FC<LoaderProps>;
-export default Loader;

package/dist/components/Loader/index.d.ts

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