@innovaccer/design-system 4.0.0 → 4.1.0

package/dist/core/components/organisms/calendar/types.d.ts

@@ -0,0 +1,13 @@
+export declare type Size = 'small' | 'large';
+export declare type View = 'date' | 'month' | 'year';
+export declare type Day = 'sunday' | 'monday' | 'tuesday' | 'wednesday' | 'thursday' | 'friday' | 'saturday';
+export declare type DateFormat = 'mm/dd/yyyy' | 'dd/mm/yyyy' | 'yyyy/mm/dd' | 'mm-dd-yyyy' | 'dd-mm-yyyy' | 'yyyy-mm-dd';
+export declare type DateObject = {
+    year: number;
+    month: number;
+    date: number;
+};
+export declare type DateType = number | Date | string;
+export declare type Events = {
+    [key: string]: boolean;
+};

package/dist/core/components/organisms/calendar/utility.d.ts

@@ -0,0 +1,15 @@
+import { DateObject, DateType, Day } from "./types";
+import { Validators } from "../../../utils/types";
+declare type Operator = 'less' | 'more' | 'equal';
+export declare const getIndexOfDay: (day: Day) => number;
+export declare const getYearBlock: (year: number) => number;
+export declare const getDaysInMonth: (year: number, month: number) => number;
+export declare const getFirstDayOfMonth: (year: number, month: number) => number;
+export declare const getDateInfo: (d?: string | number | Date | undefined) => Record<string, any>;
+export declare const convertToDate: (d?: string | number | DateObject | Date | undefined, format?: string | undefined, validators?: ((...values: any[]) => boolean) | ((...values: any[]) => boolean)[] | undefined) => Date | undefined;
+export declare const compareYearBlock: (d: DateType | undefined, operator: Operator, currDecade: number) => boolean;
+export declare const compareDate: (d: DateType | undefined, operator: Operator, currYear: number, currMonth?: number | undefined, currDate?: number | undefined) => boolean;
+export declare const translateToString: (format: string, d?: Date | undefined) => string;
+export declare const translateToDate: (format: string, val: string, validators?: Validators) => Date | undefined;
+export declare const dateComparison: (date: Date | undefined, operator: Operator, currDate: string, currMonth: string, currYear: string) => boolean;
+export {};

package/dist/core/components/organisms/choiceList/ChoiceList.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+import { ChangeEvent } from "../../../common.type";
+export declare type ChoiceListAlignment = 'horizontal' | 'vertical';
+export declare type ChoiceListSize = 'regular' | 'tiny';
+export interface Choice {
+    value: string;
+    label?: string;
+    disabled?: boolean;
+    helpText?: string;
+    name: string;
+}
+export interface ChoiceListProps extends BaseProps {
+    title?: string;
+    choices: Choice[];
+    alignment?: ChoiceListAlignment;
+    size?: ChoiceListSize;
+    allowMultiple?: boolean;
+    disabled?: boolean;
+    selected?: string[];
+    onChange?: (event: ChangeEvent, selected: string[]) => void;
+}
+export declare const ChoiceList: {
+    (props: ChoiceListProps): React.JSX.Element;
+    displayName: string;
+    defaultProps: {
+        alignment: string;
+        size: string;
+        allowMultiple: boolean;
+        disabled: boolean;
+    };
+};
+export default ChoiceList;

package/dist/core/components/organisms/choiceList/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./ChoiceList";
+export * from "./ChoiceList";

package/dist/core/components/organisms/combobox/Combobox.d.ts

@@ -0,0 +1,49 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+import { OptionType, IconType } from "../../../common.type";
+import { ContextProps } from "./ComboboxContext";
+export declare type ComboboxInputSize = 'tiny' | 'regular' | 'large';
+export interface ComboboxProps extends BaseProps {
+    multiSelect?: boolean;
+    children: React.ReactNode | ((contextProp: ContextProps) => React.ReactNode);
+    maxHeight?: number;
+    minHeight?: number;
+    width?: number;
+    onChange?: (option?: OptionType | OptionType[]) => void;
+    onSearch?: (value?: string) => void;
+    value?: OptionType;
+    chipValue?: OptionType[];
+    placeholder?: string;
+    disabled?: boolean;
+    error?: boolean;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onClear?: (event: React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEvent<HTMLElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    icon?: string;
+    iconType?: IconType;
+    size?: ComboboxInputSize;
+    clearButton?: boolean;
+    computeStyles?: object;
+    className?: string;
+}
+export declare const Combobox: {
+    (props: ComboboxProps): React.JSX.Element;
+    List: {
+        (props: import("./ComboboxList").ComboboxListProps): React.JSX.Element;
+        defaultProps: {
+            type: string;
+            showDivider: boolean;
+            tagName: string;
+            size: string;
+        };
+    };
+    Option: {
+        (props: import("./ComboboxOption").ComboboxOptionProps): React.JSX.Element;
+        defaultProps: {
+            tagName: string;
+        };
+    };
+};
+export default Combobox;

package/dist/core/components/organisms/combobox/ComboboxContext.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { OptionType } from "../../../common.type";
+export declare type ContextProps = {
+    inputValue?: OptionType;
+    openPopover?: boolean;
+    chipInputValue?: OptionType[];
+    focusedOption?: Element;
+    chipInputText?: string;
+    onOptionClick?: (option: OptionType) => void;
+    setInputValue?: React.Dispatch<React.SetStateAction<OptionType | undefined>>;
+    setChipInputText?: React.Dispatch<React.SetStateAction<string | undefined>>;
+    setOpenPopover?: React.Dispatch<React.SetStateAction<boolean>>;
+    setChipInputValue?: React.Dispatch<React.SetStateAction<OptionType[] | undefined>>;
+    setFocusedOption?: React.Dispatch<React.SetStateAction<HTMLElement | undefined>>;
+    setHighlightFirstItem?: React.Dispatch<React.SetStateAction<boolean>>;
+    setHighlightLastItem?: React.Dispatch<React.SetStateAction<boolean>>;
+    inputTriggerRef?: any;
+    listRef?: React.RefObject<HTMLDivElement>;
+    multiSelect?: boolean;
+    popoverId?: string;
+};
+export declare const ComboboxContext: React.Context<ContextProps>;
+export default ComboboxContext;

package/dist/core/components/organisms/combobox/ComboboxList.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+import { TListboxSize } from "../../../common.type";
+declare type TagType = 'ul' | 'ol' | 'div' | 'nav';
+export interface ComboboxListProps extends BaseProps {
+    children: React.ReactNode;
+    size: TListboxSize;
+    tagName: TagType;
+    showDivider: boolean;
+}
+export declare const ComboboxList: {
+    (props: ComboboxListProps): React.JSX.Element;
+    defaultProps: {
+        type: string;
+        showDivider: boolean;
+        tagName: string;
+        size: string;
+    };
+};
+export default ComboboxList;

package/dist/core/components/organisms/combobox/ComboboxOption.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+import { OptionType } from "../../../common.type";
+declare type ItemTagType = 'li' | 'div';
+export interface ComboboxOptionProps extends BaseProps {
+    children: React.ReactNode;
+    option: OptionType;
+    tagName: ItemTagType;
+    selected?: boolean;
+    onClick?: (option: OptionType) => void;
+    onFocus?: (event: React.FocusEvent) => void;
+    onBlur?: (event: React.FocusEvent) => void;
+}
+export declare const ComboboxOption: {
+    (props: ComboboxOptionProps): React.JSX.Element;
+    defaultProps: {
+        tagName: string;
+    };
+};
+export default ComboboxOption;

package/dist/core/components/organisms/combobox/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Combobox";
+export * from "./Combobox";

package/dist/core/components/organisms/combobox/trigger/ChipInputBox.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { MultiSelectTriggerProps } from "./MultiselectTrigger";
+export declare const ChipInputBox: (props: MultiSelectTriggerProps) => React.JSX.Element;
+export default ChipInputBox;

package/dist/core/components/organisms/combobox/trigger/ComboboxTrigger.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { ComboboxInputSize } from "../Combobox";
+import { OptionType, IconType } from "../../../../common.type";
+interface ComboboxTriggerProps {
+    multiSelect?: boolean;
+    value?: OptionType;
+    placeholder?: string;
+    disabled?: boolean;
+    error?: boolean;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onClear?: (event: React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEvent<HTMLElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    icon?: string;
+    iconType?: IconType;
+    size?: ComboboxInputSize;
+    chipValue?: OptionType[];
+    clearButton?: boolean;
+}
+export declare const ComboboxTrigger: (props: ComboboxTriggerProps) => React.JSX.Element;
+export default ComboboxTrigger;

package/dist/core/components/organisms/combobox/trigger/InputBox.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { InputProps } from "../../../../index.type";
+export declare const InputBox: (props: InputProps) => React.JSX.Element;
+export default InputBox;

package/dist/core/components/organisms/combobox/trigger/MultiselectTrigger.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { ChipProps } from "../../../../index.type";
+import { BaseProps } from "../../../../utils/types";
+import { OptionType } from "../../../../common.type";
+declare type ChipOptions = {
+    icon?: ChipProps['icon'];
+    type?: ChipProps['type'];
+    iconType?: ChipProps['iconType'];
+    clearButton?: ChipProps['clearButton'];
+    onClick?: (value: OptionType, index: number) => void;
+};
+export interface MultiSelectTriggerProps extends BaseProps {
+    allowDuplicates?: boolean;
+    chipOptions: ChipOptions;
+    disabled?: boolean;
+    error?: boolean;
+    placeholder?: string;
+    value?: OptionType[];
+    defaultValue: OptionType[];
+    autoFocus?: boolean;
+    onChange?: (chips: OptionType[]) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onInputChange?: (e?: React.ChangeEvent<HTMLInputElement>) => void;
+    tabIndex?: number;
+    forwardedRef?: React.Ref<HTMLInputElement>;
+    role?: React.AriaRole;
+}
+export declare const MultiSelectTrigger: React.ForwardRefExoticComponent<MultiSelectTriggerProps & React.RefAttributes<HTMLElement>>;
+export default MultiSelectTrigger;

package/dist/core/components/organisms/combobox/trigger/index.d.ts

@@ -0,0 +1 @@
+export * from "./ComboboxTrigger";

package/dist/core/components/organisms/combobox/trigger/utils.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const handleKeyDown: (event: React.KeyboardEvent, setOpenPopover?: React.Dispatch<React.SetStateAction<boolean>> | undefined, setHighlightFirstItem?: React.Dispatch<React.SetStateAction<boolean>> | undefined, setHighlightLastItem?: React.Dispatch<React.SetStateAction<boolean>> | undefined) => void;
+export declare const focusListItem: (position: string, setFocusedOption?: React.Dispatch<React.SetStateAction<HTMLElement | undefined>> | undefined, listRef?: any) => void;

package/dist/core/components/organisms/combobox/utils.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const handleKeyDown: (event: React.KeyboardEvent, focusedOption: Element | undefined, setFocusedOption?: React.Dispatch<React.SetStateAction<HTMLElement | undefined>> | undefined, setOpenPopover?: React.Dispatch<React.SetStateAction<boolean>> | undefined, inputTriggerRef?: any, setHighlightFirstItem?: React.Dispatch<React.SetStateAction<boolean>> | undefined, setHighlightLastItem?: React.Dispatch<React.SetStateAction<boolean>> | undefined, multiSelect?: boolean | undefined, listRef?: any) => void;

package/dist/core/components/organisms/datePicker/DatePicker.d.ts

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import { SharedProps } from "../calendar/Calendar";
+import { DateType, DateFormat } from "../calendar/types";
+import { PopoverProps, InputMaskProps } from "../../../index.type";
+import { Validators } from "../../../utils/types";
+export declare type DatePickerProps = SharedProps & {
+    onDateChange?: (date: Date | undefined, dateVal?: string) => void;
+    date?: DateType;
+    withInput?: boolean;
+    open?: boolean;
+    position: PopoverProps['position'];
+    inputFormat: DateFormat;
+    outputFormat: DateFormat;
+    inputOptions: Omit<InputMaskProps, 'mask' | 'value'>;
+    validators: Validators;
+    closeOnSelect: boolean;
+    showTodayDate?: boolean;
+    children?: React.ReactNode;
+    onError?: (date: Date | undefined, dateVal?: string) => void;
+    popoverOptions?: PopoverOptions;
+};
+export interface DatePickerState {
+    init: boolean;
+    date?: Date;
+    error: boolean;
+    open: boolean;
+}
+interface PopoverOptions {
+    appendToBody?: PopoverProps['appendToBody'];
+    hideOnReferenceEscape?: PopoverProps['hideOnReferenceEscape'];
+    boundaryElement?: PopoverProps['boundaryElement'];
+}
+export declare class DatePicker extends React.Component<DatePickerProps, DatePickerState> {
+    static defaultProps: {
+        position: string;
+        inputFormat: string;
+        outputFormat: string;
+        validators: ((val: string, format: string) => boolean)[];
+        inputOptions: {};
+        closeOnSelect: boolean;
+        size: string;
+        monthsInView: number;
+        view: string;
+        firstDayOfWeek: string;
+        jumpView: boolean;
+    };
+    constructor(props: DatePickerProps);
+    componentDidUpdate(prevProps: DatePickerProps, prevState: DatePickerState): void;
+    getError: (date?: Date | undefined) => boolean;
+    onDateChangeHandler: (d?: Date | undefined) => void;
+    onToggleHandler: (o: boolean, type?: string | undefined) => void;
+    renderCalendar(): React.JSX.Element;
+    render(): React.JSX.Element;
+}
+export default DatePicker;

package/dist/core/components/organisms/datePicker/Trigger.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { DatePickerProps, DatePickerState } from "./DatePicker";
+declare type TriggerProps = {
+    inputFormat: DatePickerProps['inputFormat'];
+    inputOptions: DatePickerProps['inputOptions'];
+    validators: DatePickerProps['validators'];
+    state: DatePickerState;
+    setState: any;
+};
+export declare const Trigger: (props: TriggerProps) => React.JSX.Element;
+export {};

package/dist/core/components/organisms/datePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./DatePicker";
+export * from "./DatePicker";

package/dist/core/components/organisms/dateRangePicker/DateRangePicker.d.ts

@@ -0,0 +1,104 @@
+import * as React from 'react';
+import { CalendarProps, SharedProps } from "../calendar/Calendar";
+import { DateType, DateFormat } from "../calendar/types";
+import { InputMaskProps, PopoverProps } from "../../../index.type";
+import { Validators } from "../../../utils/types";
+export declare type InputOptions = Omit<InputMaskProps, 'mask' | 'value' | 'onChange' | 'onBlur' | 'onClick' | 'onClear'> & {
+    label?: string;
+};
+export declare type DateRangePickerProps = SharedProps & {
+    onRangeChange?: (startDate?: Date, endDate?: Date, startValue?: string, endValue?: string) => void;
+    children: React.ReactNode;
+    contentAlign?: 'left' | 'right';
+    startDate?: DateType;
+    endDate?: DateType;
+    rangeLimit?: number;
+    withInput?: boolean;
+    singleInput?: boolean;
+    open?: boolean;
+    position: PopoverProps['position'];
+    inputFormat: DateFormat;
+    outputFormat: DateFormat;
+    inputOptions: InputOptions;
+    startInputOptions: InputOptions;
+    endInputOptions: InputOptions;
+    validators: Validators;
+    monthsInView?: CalendarProps['monthsInView'];
+};
+export interface DateRangePickerState {
+    init: boolean;
+    startDate?: Date;
+    endDate?: Date;
+    startValue: string;
+    endValue: string;
+    startError: boolean;
+    endError: boolean;
+    yearNav?: number;
+    monthNav?: number;
+    open: boolean;
+}
+export declare class DateRangePicker extends React.Component<DateRangePickerProps, DateRangePickerState> {
+    static utils: {
+        getCurrentWeek: () => {
+            startDate: Date;
+            endDate: Date;
+        };
+        getPreviousWeek: () => {
+            startDate: Date;
+            endDate: Date;
+        };
+        getPreviousMonth: () => {
+            endDate: Date;
+            startDate: Date;
+        };
+        getPrevious90Days: () => {
+            startDate: Date;
+            endDate: Date;
+        };
+        getCustomDates: () => {
+            startDate: string;
+            endDate: string;
+        };
+        getCurrentYear: () => number;
+        getCurrentMonth: () => number;
+    };
+    static defaultProps: {
+        children: React.JSX.Element;
+        contentAlign: string;
+        monthsInView: undefined;
+        position: string;
+        inputFormat: string;
+        outputFormat: string;
+        validators: ((val: string, format: string) => boolean)[];
+        inputOptions: {
+            label: string;
+        };
+        startInputOptions: {
+            label: string;
+        };
+        endInputOptions: {
+            label: string;
+        };
+        size: string;
+        view: string;
+        firstDayOfWeek: string;
+        jumpView: boolean;
+    };
+    monthsInView: number;
+    constructor(props: DateRangePickerProps);
+    componentDidUpdate(prevProps: DateRangePickerProps, prevState: DateRangePickerState): void;
+    getDate: (startDate?: Date | undefined, endDate?: Date | undefined) => {
+        startValue: string;
+        endValue: string;
+    };
+    getErrors: (startDate?: Date | undefined, endDate?: Date | undefined) => {
+        startError: boolean;
+        endError: boolean;
+    };
+    getInRangeError: () => boolean;
+    onRangeChangeHandler: (sDate?: Date | undefined, eDate?: Date | undefined) => void;
+    onToggleHandler: (o: boolean, type?: string | undefined) => void;
+    renderCalendar(): React.JSX.Element;
+    render(): React.JSX.Element;
+}
+export default DateRangePicker;

package/dist/core/components/organisms/dateRangePicker/SingleInputTrigger.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { DateRangePickerProps, DateRangePickerState } from "./DateRangePicker";
+declare type TriggerProps = {
+    inputFormat: DateRangePickerProps['inputFormat'];
+    inputOptions: DateRangePickerProps['startInputOptions'];
+    validators: DateRangePickerProps['validators'];
+    state: DateRangePickerState;
+    setState: any;
+};
+export declare const SingleInputTrigger: (props: TriggerProps) => React.JSX.Element;
+export {};

package/dist/core/components/organisms/dateRangePicker/Trigger.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { DateRangePickerProps, DateRangePickerState } from "./DateRangePicker";
+declare type TriggerProps = {
+    inputFormat: DateRangePickerProps['inputFormat'];
+    startInputOptions: DateRangePickerProps['startInputOptions'];
+    endInputOptions: DateRangePickerProps['endInputOptions'];
+    validators: DateRangePickerProps['validators'];
+    state: DateRangePickerState;
+    setState: any;
+};
+export declare const Trigger: (props: TriggerProps) => React.JSX.Element;
+export {};

package/dist/core/components/organisms/dateRangePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./DateRangePicker";
+export * from "./DateRangePicker";

package/dist/core/components/organisms/dateRangePicker/utilities.d.ts

@@ -0,0 +1,22 @@
+export declare const getCurrentYear: () => number;
+export declare const getCurrentMonth: () => number;
+export declare const getCurrentWeek: () => {
+    startDate: Date;
+    endDate: Date;
+};
+export declare const getPreviousWeek: () => {
+    startDate: Date;
+    endDate: Date;
+};
+export declare const getPreviousMonth: () => {
+    endDate: Date;
+    startDate: Date;
+};
+export declare const getPrevious90Days: () => {
+    startDate: Date;
+    endDate: Date;
+};
+export declare const getCustomDates: () => {
+    startDate: string;
+    endDate: string;
+};

package/dist/core/components/organisms/grid/Cell.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { RowData, ColumnSchema } from "./Grid";
+import { GridHeadProps } from "./GridHead";
+interface SharedCellProps {
+    schema: ColumnSchema;
+    colIndex: number;
+    nestedRowData?: React.ReactNode;
+}
+declare type HeaderCellProps = SharedCellProps & {
+    onSelectAll: GridHeadProps['onSelectAll'];
+    onMenuChange: GridHeadProps['onMenuChange'];
+    onFilterChange: GridHeadProps['onFilterChange'];
+    updateColumnSchema: GridHeadProps['updateColumnSchema'];
+    reorderColumn: GridHeadProps['reorderColumn'];
+    setIsDragged: React.Dispatch<React.SetStateAction<boolean>>;
+};
+declare type BodyCellProps = SharedCellProps & {
+    data: RowData;
+    rowIndex: number;
+    expandedState: [boolean, React.Dispatch<React.SetStateAction<boolean>>];
+};
+export declare type HeaderCellRendererProps = HeaderCellProps & SharedCellProps;
+export declare type CellProps = Partial<HeaderCellProps> & Partial<BodyCellProps> & SharedCellProps & {
+    isHead?: boolean;
+    firstCell: boolean;
+};
+export declare const Cell: (props: CellProps) => React.JSX.Element | null;
+export default Cell;