@innovaccer/design-system 2.28.3 → 2.29.0

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

@@ -0,0 +1,20 @@
+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;
+    icon?: string;
+    iconType?: IconType;
+    size?: ComboboxInputSize;
+    chipValue?: OptionType[];
+    clearButton?: boolean;
+}
+export declare const ComboboxTrigger: (props: ComboboxTriggerProps) => JSX.Element;
+export default ComboboxTrigger;

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

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

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

@@ -0,0 +1,40 @@
+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?: (e: React.KeyboardEvent) => 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: {
+    (props: MultiSelectTriggerProps): JSX.Element;
+    displayName: string;
+    defaultProps: {
+        chipOptions: {};
+        defaultValue: never[];
+        allowDuplicates: boolean;
+        autoFocus: boolean;
+    };
+};
+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/listbox/Listbox.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { BaseProps, BaseHtmlProps } from "../../../utils/types";
+import { TListboxSize } from "../../../common.type";
 declare type ListboxType = 'option' | 'description' | 'resource';
-declare type ListboxSize = 'standard' | 'compressed' | 'tight';
 export declare type TagType = 'ul' | 'ol' | 'div' | 'nav';
 export interface ListboxProps extends BaseProps, BaseHtmlProps<HTMLUListElement | HTMLDivElement> {
     children: React.ReactNode;
-    size: ListboxSize;
+    size: TListboxSize;
     type: ListboxType;
     draggable?: boolean;
     tagName: TagType;

package/dist/core/components/organisms/listbox/listboxItem/ListboxItem.d.ts

@@ -9,9 +9,10 @@ export interface ListboxItemProps extends BaseProps, BaseHtmlProps<HTMLLIElement
     selected?: boolean;
     activated?: boolean;
     id?: string;
-    value?: string;
+    value?: any;
     tagName: ItemTagType;
     onClick?: (e: React.MouseEvent, id?: string, value?: string) => void;
+    tabIndex?: number;
 }
 export declare const ListboxItem: {
     (props: ListboxItemProps): JSX.Element;

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

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

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

@@ -0,0 +1,35 @@
+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;
+    popoverWidth?: number;
+    maxHeight?: number;
+    minHeight?: number;
+    value?: OptionType | OptionType[];
+    onOutsideClick?: () => void;
+    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,24 @@
+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;
+    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) => 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) => 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): 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): 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): 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/index.d.ts

@@ -88,4 +88,7 @@ export { ActionCard } from "./components/atoms/actionCard";
 export { SelectionCard } from "./components/atoms/selectionCard";
 export { Listbox } from "./components/organisms/listbox";
 export { TextField } from "./components/organisms/textField";
+export { AvatarSelection } from "./components/atoms/avatarSelection";
+export { Combobox } from "./components/organisms/combobox";
+export { Select } from "./components/organisms/select";
 export { version } from "../package.json";

package/dist/core/index.type.d.ts

@@ -86,3 +86,8 @@ export { ActionCardProps } from "./components/atoms/actionCard";
 export { SelectionCardProps } from "./components/atoms/selectionCard";
 export { ListboxProps, ListboxItemProps } from "./components/organisms/listbox";
 export { TextFieldProps } from "./components/organisms/textField";
+export { AvatarImageProps } from "./components/atoms/avatar/avatarImage";
+export { AvatarIconProps } from "./components/atoms/avatar/avatarIcon";
+export { AvatarSelectionProps } from "./components/atoms/avatarSelection";
+export { ComboboxProps } from "./components/organisms/combobox";
+export { SelectProps } from "./components/organisms/select";