@innovaccer/design-system 4.0.0 → 4.2.0

package/dist/core/components/organisms/listbox/reorderList/utils.d.ts

@@ -0,0 +1,10 @@
+export declare function arrayMove<T>(array: T[], from: number, to: number): T[];
+export declare function getTranslateOffset(element: Element): number;
+export declare function isTouchEvent(event: TouchEvent & MouseEvent): number;
+export declare function transformItem(element: Element, offsetY?: number | null, offsetX?: number | null): void;
+export declare function setItemTransition(element: Element, duration: number, timing?: string): void;
+export declare function binarySearch(array: number[], targetValue: number): number;
+export declare const schd: (fn: any) => {
+    (...args: any[]): void;
+    cancel(): void;
+};

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

@@ -0,0 +1 @@
+export declare const onKeyDown: (event: React.KeyboardEvent) => void;

package/dist/core/components/organisms/menu/Menu.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+import { BaseProps } from "../../../utils/types";
+import { PopoverProps } from "../../../index.type";
+export interface MenuProps extends BaseProps {
+    children: React.ReactNode;
+    open?: boolean;
+    position: PopoverProps['position'];
+    trigger?: React.ReactElement;
+    maxHeight?: number;
+    minHeight?: number;
+    width?: number;
+    triggerCoordinates?: {
+        x: number;
+        y: number;
+    };
+    onToggle?: (open?: boolean) => void;
+}
+export declare const Menu: {
+    (props: MenuProps): React.JSX.Element;
+    Group: {
+        (props: import("./MenuGroup").MenuGroupProps): React.JSX.Element;
+        defaultProps: {
+            showDivider: boolean;
+        };
+    };
+    Item: {
+        (props: import("./MenuItem").MenuItemProps): React.JSX.Element;
+        displayName: string;
+        defaultProps: {
+            tagName: string;
+        };
+    };
+    List: {
+        (props: import("./MenuList").MenuListProps): React.JSX.Element;
+        defaultProps: {
+            type: string;
+            showDivider: boolean;
+            tagName: string;
+            size: string;
+        };
+    };
+    Trigger: (props: import("./trigger/MenuTrigger").MenuTriggerProps) => React.JSX.Element;
+    SubMenu: (props: import("./SubMenu").SubMenuProps) => React.JSX.Element;
+    defaultProps: {
+        width: number;
+        maxHeight: number;
+        position: string;
+    };
+};
+export default Menu;

package/dist/core/components/organisms/menu/MenuContext.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export declare type ContextProps = {
+    openPopover?: boolean;
+    focusedOption?: Element;
+    menuTriggerRef?: React.RefObject<HTMLButtonElement>;
+    listRef?: React.RefObject<HTMLDivElement>;
+    setOpenPopover?: React.Dispatch<React.SetStateAction<boolean | undefined>>;
+    setHighlightFirstItem?: React.Dispatch<React.SetStateAction<boolean>>;
+    setHighlightLastItem?: React.Dispatch<React.SetStateAction<boolean>>;
+    setFocusedOption?: React.Dispatch<React.SetStateAction<HTMLElement | undefined>>;
+};
+export declare const MenuContext: React.Context<ContextProps>;
+export default MenuContext;

package/dist/core/components/organisms/menu/MenuGroup.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { BaseProps } from "../../../utils/types";
+export interface MenuGroupProps extends BaseProps {
+    label?: string;
+    children: React.ReactElement;
+    showDivider?: boolean;
+}
+export declare const MenuGroup: {
+    (props: MenuGroupProps): React.JSX.Element;
+    defaultProps: {
+        showDivider: boolean;
+    };
+};
+export default MenuGroup;

package/dist/core/components/organisms/menu/MenuItem.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { BaseProps, BaseHtmlProps } from "../../../utils/types";
+declare type ItemTagType = 'li' | 'div' | 'a';
+export interface MenuItemProps extends BaseProps, BaseHtmlProps<HTMLLIElement | HTMLDivElement> {
+    tagName?: ItemTagType;
+    onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    children: React.ReactNode;
+    disabled?: boolean;
+    onFocus?: (event: React.FocusEvent) => void;
+    onBlur?: (event: React.FocusEvent) => void;
+}
+export declare const MenuItem: {
+    (props: MenuItemProps): React.JSX.Element;
+    displayName: string;
+    defaultProps: {
+        tagName: string;
+    };
+};
+export default MenuItem;

package/dist/core/components/organisms/menu/MenuList.d.ts

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

package/dist/core/components/organisms/menu/SubMenu.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface SubMenuProps {
+    children: React.ReactNode;
+}
+export declare const SubMenu: (props: SubMenuProps) => React.JSX.Element;
+export default SubMenu;

package/dist/core/components/organisms/menu/SubMenuContext.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export declare type ContextProps = {
+    setParentOpen?: React.Dispatch<React.SetStateAction<boolean | undefined>>;
+    triggerRef?: React.RefObject<HTMLDivElement>;
+    parentListRef?: React.RefObject<HTMLDivElement>;
+    menuID?: string;
+    triggerID?: string;
+};
+export declare const SubMenuContext: React.Context<ContextProps>;
+export default SubMenuContext;

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

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

package/dist/core/components/organisms/menu/trigger/MenuTrigger.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BaseProps } from "../../../../utils/types";
+export interface MenuTriggerProps extends BaseProps {
+    size?: 'tiny' | 'regular';
+    appearance?: 'transparent' | 'basic';
+}
+export declare const MenuTrigger: (props: MenuTriggerProps) => React.JSX.Element;
+export default MenuTrigger;

package/dist/core/components/organisms/menu/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>> | 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/menu/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>> | undefined, menuTriggerRef?: React.RefObject<HTMLButtonElement> | undefined, listRef?: React.RefObject<HTMLDivElement> | undefined, subListRef?: React.RefObject<HTMLDivElement> | null | undefined, isSubMenuTrigger?: boolean | undefined, triggerRef?: React.RefObject<HTMLDivElement> | React.MutableRefObject<HTMLDivElement> | undefined, menuID?: string | undefined, triggerID?: string | undefined, parentListRef?: React.RefObject<HTMLDivElement> | null | undefined) => void;

package/dist/core/components/organisms/navigation/Navigation.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+import { VerticalNavigationProps } from "./VerticalNavigation";
+export declare type LayoutType = 'vertical' | 'horizontal';
+export declare type Align = 'left' | 'center';
+export declare type Menu = {
+    name: string;
+    label: string;
+    link?: string;
+    icon?: string;
+    count?: number;
+    disabled?: boolean;
+    subMenu?: Menu[];
+};
+export interface NavigationProps extends BaseProps, VerticalNavigationProps {
+    type: LayoutType;
+    align: Align;
+}
+export declare const Navigation: {
+    (props: NavigationProps): React.JSX.Element;
+    defaultProps: {
+        type: string;
+        align: string;
+        expanded: boolean;
+        autoCollapse: boolean;
+        rounded: boolean;
+    };
+};
+export default Navigation;

package/dist/core/components/organisms/navigation/VerticalNavigation.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { Menu, ActiveMenu } from "../../../utils/navigationHelper";
+export declare type LayoutType = 'vertical' | 'horizontal';
+export declare type Align = 'left' | 'center';
+export interface VerticalNavigationProps {
+    menus: Menu[];
+    active?: ActiveMenu;
+    onClick?: (menu: Menu) => void;
+    rounded: boolean;
+    expanded: boolean;
+    footer?: boolean;
+    onToggle?: (expanded: boolean) => void;
+    autoCollapse: boolean;
+}
+export declare const VerticalNavigation: {
+    (props: VerticalNavigationProps): React.JSX.Element;
+    defaultProps: {
+        expanded: boolean;
+        autoCollapse: boolean;
+        rounded: boolean;
+    };
+};
+export default VerticalNavigation;

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

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

package/dist/core/components/organisms/pageHeader/PageHeader.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+export declare type navigationPositionType = 'center' | 'bottom';
+export interface PageHeaderProps extends BaseProps {
+    title: string;
+    navigation?: React.ReactNode;
+    stepper?: React.ReactNode;
+    actions?: React.ReactNode;
+    tabs?: React.ReactNode;
+    breadcrumbs?: React.ReactNode;
+    badge?: React.ReactNode;
+    status?: React.ReactNode;
+    meta?: React.ReactNode;
+    button?: React.ReactNode;
+    navigationPosition: navigationPositionType;
+    separator: boolean;
+}
+export declare const PageHeader: {
+    (props: PageHeaderProps): React.JSX.Element;
+    defaultProps: {
+        navigationPosition: string;
+        separator: boolean;
+    };
+};
+export default PageHeader;

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

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

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

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { navigationPositionType } from "./PageHeader";
+export declare const Status: (props: {
+    status: React.ReactNode;
+    meta: React.ReactNode;
+    navigationPosition: navigationPositionType;
+    navigation: React.ReactNode;
+    tabs: React.ReactNode;
+}) => React.JSX.Element;
+export declare const Action: (props: {
+    actions: React.ReactNode;
+    navigation: React.ReactNode;
+    stepper: React.ReactNode;
+}) => React.JSX.Element;
+export declare const Nav: (props: {
+    navigation: React.ReactNode;
+    stepper: React.ReactNode;
+}) => React.JSX.Element | null;
+export declare const CenterNav: (props: {
+    colSize: string;
+    breadcrumbs: React.ReactNode;
+    navigationPosition: navigationPositionType;
+    navigation: React.ReactNode;
+    stepper: React.ReactNode;
+}) => React.JSX.Element;
+export declare const BackButton: (props: {
+    button: React.ReactNode;
+}) => React.JSX.Element;
+export declare const Title: (props: {
+    badge: React.ReactNode;
+    title: string;
+}) => React.JSX.Element;

package/dist/core/components/organisms/select/SearchInput.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { InputProps } from "../../../index.type";
+export interface SelectInputProps extends Omit<InputProps, 'onChange'> {
+    onClear?: (e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
+    onChange?: (value?: string) => void;
+}
+export declare const SearchInput: (props: SelectInputProps) => React.JSX.Element;
+export default SearchInput;

package/dist/core/components/organisms/select/Select.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import { OptionType } from "../../../common.type";
+import SelectList from "./SelectList";
+import SelectOption from "./SelectOption";
+import { SelectTriggerProps } from "./SelectTrigger";
+import SearchInput from "./SearchInput";
+import SelectEmptyTemplate from "./SelectEmptyTemplate";
+import SelectFooter from "./SelectFooter";
+import { BaseProps } from "../../../utils/types";
+export interface SelectProps extends BaseProps {
+    multiSelect?: boolean;
+    onSelect: (option?: OptionType | OptionType[]) => void;
+    children?: React.ReactNode;
+    width?: number | string;
+    popoverWidth?: number;
+    maxHeight?: number;
+    minHeight?: number;
+    value?: OptionType | OptionType[];
+    boundaryElement?: React.RefObject<HTMLElement> | Element;
+    appendToBody?: boolean;
+    onOutsideClick?: () => void;
+    onToggle?: (open: boolean) => void;
+    trigger?: React.ReactElement;
+    triggerOptions?: SelectTriggerProps;
+}
+export interface SelectMethods {
+    setOpen: (open: boolean) => void;
+    setFocusFirstItem: () => void;
+    setFocusLastItem: () => void;
+}
+export interface SelectComponent extends React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<SelectMethods>> {
+    Option: typeof SelectOption;
+    List: typeof SelectList;
+    SearchInput: typeof SearchInput;
+    EmptyTemplate: typeof SelectEmptyTemplate;
+    Footer: typeof SelectFooter;
+}
+export declare const Select: SelectComponent;
+export default Select;

package/dist/core/components/organisms/select/SelectContext.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { OptionType } from "../../../common.type";
+export declare type ContextProps = {
+    openPopover?: boolean;
+    setOpenPopover?: React.Dispatch<React.SetStateAction<boolean>>;
+    selectValue?: OptionType | OptionType[];
+    setSelectValue?: React.Dispatch<React.SetStateAction<OptionType | OptionType[]>>;
+    isOptionSelected?: boolean;
+    setIsOptionSelected?: React.Dispatch<React.SetStateAction<boolean>>;
+    onOptionClick?: (option: OptionType | OptionType[]) => void;
+    maxHeight?: number;
+    minHeight?: number;
+    width?: number | string;
+    withSearch?: boolean;
+    setWithSearch?: React.Dispatch<React.SetStateAction<boolean>>;
+    multiSelect?: boolean;
+    listRef?: React.RefObject<HTMLDivElement>;
+    triggerRef?: React.RefObject<HTMLButtonElement>;
+    focusedOption?: HTMLElement;
+    setFocusedOption?: React.Dispatch<React.SetStateAction<HTMLElement | undefined>>;
+    setHighlightFirstItem?: React.Dispatch<React.SetStateAction<boolean>>;
+    setHighlightLastItem?: React.Dispatch<React.SetStateAction<boolean>>;
+};
+export declare const SelectContext: React.Context<ContextProps>;
+export default SelectContext;

package/dist/core/components/organisms/select/SelectEmptyTemplate.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+interface SelectEmptyTemplateProps extends BaseProps {
+    title?: string;
+    description?: string;
+    children?: React.ReactNode;
+}
+export declare const SelectEmptyTemplate: (props: SelectEmptyTemplateProps) => React.JSX.Element;
+export default SelectEmptyTemplate;

package/dist/core/components/organisms/select/SelectFooter.d.ts

@@ -0,0 +1,7 @@
+import { BaseProps } from "../../../utils/types";
+import * as React from 'react';
+interface SelectFooterProps extends BaseProps {
+    children?: React.ReactNode;
+}
+export declare const SelectFooter: (props: SelectFooterProps) => React.JSX.Element;
+export default SelectFooter;

package/dist/core/components/organisms/select/SelectList.d.ts

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

package/dist/core/components/organisms/select/SelectOption.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { OptionType } from "../../../common.type";
+import { BaseProps } from "../../../utils/types";
+declare type checkedType = 'checked' | 'unchecked' | 'indeterminate';
+export interface SelectOptionProps extends BaseProps {
+    children: React.ReactNode;
+    option: OptionType;
+    onClick?: (option: OptionType) => void;
+    checkedState?: checkedType;
+    withCheckbox?: boolean;
+    disabled?: boolean;
+}
+export declare const SelectOption: {
+    (props: SelectOptionProps): React.JSX.Element;
+    defaultProps: {
+        withCheckbox: boolean;
+    };
+};
+export default SelectOption;

package/dist/core/components/organisms/select/SelectTrigger.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { IconType } from "../../../common.type";
+import { BaseProps } from "../../../utils/types";
+export declare type SelectTriggerSize = 'small' | 'regular';
+export interface SelectTriggerProps extends BaseProps {
+    triggerSize?: SelectTriggerSize;
+    icon?: string;
+    iconType?: IconType;
+    placeholder?: string;
+    inlineLabel?: string;
+    disabled?: boolean;
+    withClearButton?: boolean;
+    onClear?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    setLabel?: (count: number) => string | undefined;
+}
+declare const SelectTrigger: {
+    (props: SelectTriggerProps): React.JSX.Element;
+    defaultProps: {
+        triggerSize: string;
+        placeholder: string;
+        withClearButton: boolean;
+    };
+};
+export default SelectTrigger;

package/dist/core/components/organisms/select/__test__/Select.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/core/components/organisms/select/__test__/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { OptionType } from "../../../common.type";
+export declare const mapInitialValue: (multiSelect: boolean, selectedValue: OptionType | OptionType[] | undefined) => OptionType | OptionType[];
+export declare const elementExist: (targetObject: OptionType, mainList: OptionType | OptionType[] | undefined) => number;
+export declare const removeOrAddToList: (targetObject: OptionType, prevList: OptionType[]) => OptionType[];
+export declare const computeValue: (multiSelect: boolean | undefined, selectValue: any, setLabel?: ((count: number) => string | undefined) | undefined) => any;
+export declare const handleKeyDownTrigger: (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;
+export declare const handleKeyDown: (event: React.KeyboardEvent, focusedOption: Element | undefined, setFocusedOption?: React.Dispatch<React.SetStateAction<HTMLElement | undefined>> | undefined, setHighlightFirstItem?: React.Dispatch<React.SetStateAction<boolean>> | undefined, setHighlightLastItem?: React.Dispatch<React.SetStateAction<boolean>> | undefined, listRef?: any, withSearch?: boolean | undefined, setOpenPopover?: React.Dispatch<React.SetStateAction<boolean>> | undefined, triggerRef?: any) => void;
+export declare const handleEnterKey: (focusedOption: Element | undefined) => void;
+export declare const navigateOptions: (direction: string, focusedOption: Element | undefined, setFocusedOption?: React.Dispatch<React.SetStateAction<HTMLElement | undefined>> | undefined, listRef?: any, withSearch?: boolean | undefined) => void;
+export declare const handleInputKeyDown: (event: React.KeyboardEvent, listRef: any, setFocusedOption?: React.Dispatch<React.SetStateAction<HTMLElement | undefined>> | undefined, setOpenPopover?: React.Dispatch<React.SetStateAction<boolean>> | undefined, triggerRef?: any) => void;

package/dist/core/components/organisms/table/DraggableDropdown.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { DropdownProps } from "../../../index.type";
+interface DraggableDropdownProps {
+    options: DropdownProps['options'];
+    onChange: (options: DropdownProps['options']) => void;
+}
+export declare const DraggableDropdown: (props: DraggableDropdownProps) => React.JSX.Element;
+export {};

package/dist/core/components/organisms/table/Header.d.ts

@@ -0,0 +1,50 @@
+import * as React from 'react';
+import { updateSchemaFunction, Schema, Data, onSelectAllFunction, GridProps, updateFilterListFunction, RowData } from "../grid/Grid";
+export interface ExternalHeaderProps {
+    children?: React.ReactNode;
+    withSearch?: boolean;
+    searchPlaceholder?: string;
+    dynamicColumn?: boolean;
+    allowSelectAll?: boolean;
+    customSelectionLabel?: string;
+    globalActionRenderer?: (data: Data) => React.ReactNode;
+    selectionActionRenderer?: (selectedRows: RowData[], selectAll?: boolean) => React.ReactNode;
+}
+export declare type updateSearchTermFunction = (newSearchTerm: string) => void;
+export interface HeaderProps extends ExternalHeaderProps {
+    loading?: boolean;
+    error?: boolean;
+    data: Data;
+    displayData: Data;
+    schema: Schema;
+    selectAll?: GridProps['selectAll'];
+    totalRecords: number;
+    withPagination?: boolean;
+    page: number;
+    pageSize: number;
+    withCheckbox?: boolean;
+    showHead?: boolean;
+    updateSchema?: updateSchemaFunction;
+    filterList?: GridProps['filterList'];
+    showFilters: boolean;
+    updateFilterList?: updateFilterListFunction;
+    onSelectAll?: onSelectAllFunction;
+    searchTerm?: string;
+    updateSearchTerm?: updateSearchTermFunction;
+    selectedRowsRef?: React.MutableRefObject<any>;
+    selectedAllRef?: React.MutableRefObject<any>;
+    onClearSelection?: () => void;
+    onSelectAllRows?: () => void;
+    uniqueColumnName?: string;
+}
+export declare const Header: {
+    (props: HeaderProps): React.JSX.Element;
+    defaultProps: {
+        schema: never[];
+        data: never[];
+        searchPlaceholder: string;
+        dynamicColumn: boolean;
+        showFilters: boolean;
+    };
+};
+export default Header;