@livechat/design-system-react-components 1.0.0-alpha.5 → 1.0.0-alpha.51

package/dist/src/components/Avatar/Avatar.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+declare type AvatarShape = 'circle' | 'rounded-square';
+declare type AvatarSize = 'xxxsmall' | 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
+declare type AvatarStatus = 'available' | 'unavailable' | 'unknown';
+declare type AvatarType = 'image' | 'text';
+export interface AvatarProps {
+    alt?: string;
+    className?: string;
+    color?: string;
+    shape?: AvatarShape;
+    size?: AvatarSize;
+    src?: string;
+    status?: AvatarStatus;
+    text?: string;
+    type: AvatarType;
+    withRim?: boolean;
+}
+export declare const Avatar: React.FC<AvatarProps>;
+export {};

package/dist/src/components/Avatar/Avatar.helpers.d.ts

@@ -0,0 +1,2 @@
+export declare function getInitials(name?: string, count?: number): string;
+export declare function getFontColor(color: string): string;

package/dist/src/components/Avatar/index.d.ts

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

package/dist/src/components/Badge/Badge.d.ts

@@ -1,5 +1,9 @@
 import * as React from 'react';
-export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
-    secondary?: boolean;
+export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    count?: number;
+    kind?: 'primary' | 'secondary' | 'tertiary';
+    max?: number;
+    size?: 'large' | 'medium' | 'compact';
+    type?: 'counter' | 'alert' | 'dot';
 }
 export declare const Badge: React.FC<BadgeProps>;

package/dist/src/components/Badge/Badge.helpers.d.ts

@@ -0,0 +1 @@
+export declare function formatCount(count: number, max: number): string;

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

@@ -1,13 +1,21 @@
 import * as React from 'react';
-export declare type ButtonSize = 'compact' | 'medium' | 'large';
+import { Size } from 'utils';
+export declare type ButtonKind = 'basic' | 'primary' | 'secondary' | 'destructive' | 'text' | 'plain' | 'plain-light' | 'subtle';
 export declare type ButtonProps = {
-    kind?: 'basic' | 'primary' | 'secondary' | 'destructive' | 'text' | 'plain' | 'plain-light';
-    size?: ButtonSize;
-    disabled?: boolean;
+    kind?: ButtonKind;
+    size?: Size;
     loading?: boolean;
     fullWidth?: boolean;
     loaderLabel?: string;
     icon?: React.ReactElement;
     iconPosition?: 'left' | 'right';
 } & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement>;
-export declare const Button: React.FC<ButtonProps>;
+export declare const Button: React.ForwardRefExoticComponent<{
+    kind?: ButtonKind | undefined;
+    size?: Size | undefined;
+    loading?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    loaderLabel?: string | undefined;
+    icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+    iconPosition?: "left" | "right" | undefined;
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;

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

@@ -1,2 +1,2 @@
 export { Button } from './Button';
-export type { ButtonSize, ButtonProps } from './Button';
+export type { ButtonKind, ButtonProps } from './Button';

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

@@ -1,6 +1,12 @@
 import * as React from 'react';
+import { ButtonProps } from '../Button';
+export declare type CardButtonOptions = Pick<ButtonProps, 'children' | 'kind' | 'onClick'>;
 export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
-    title: string;
-    img?: string;
+    alt?: string;
+    buttonsOptions?: CardButtonOptions[];
+    description?: string;
+    expandableContent?: React.ReactNode;
+    src?: string;
+    title?: string;
 }
 export declare const Card: React.FC<CardProps>;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 export interface CheckboxProps extends React.HTMLAttributes<HTMLInputElement> {
-    className?: string;
-    checked?: boolean;
     disabled?: boolean;
+    checked?: boolean;
+    description?: string;
 }
-export declare const Checkbox: React.FC<CheckboxProps>;
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -1,2 +1 @@
 export { Checkbox } from './Checkbox';
-export { CheckboxField } from './CheckboxField';

package/dist/src/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import ReactDayPicker from 'react-day-picker';
+import { IDatePickerProps } from './types';
+export declare const DatePicker: React.ForwardRefExoticComponent<IDatePickerProps & React.RefAttributes<ReactDayPicker>>;

package/dist/src/components/DatePicker/DatePickerNavbar.d.ts

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

package/dist/src/components/DatePicker/RangeDatePicker.d.ts

@@ -0,0 +1,16 @@
+import { ReactElement } from 'react';
+import { IRangeDatePickerProps } from './types';
+export declare const RangeDatePicker: {
+    ({ options, initialSelectedItemKey, initialFromDate, initialToDate, toMonth, onChange, children, }: IRangeDatePickerProps): ReactElement;
+    defaultProps: {
+        options: {
+            id: string;
+            label: string;
+            isManual: boolean;
+            value: {
+                from: undefined;
+                to: undefined;
+            };
+        }[];
+    };
+};

package/dist/src/components/DatePicker/helpers.d.ts

@@ -0,0 +1,39 @@
+import { Modifiers } from 'react-day-picker';
+import { IRangeDatePickerProps, IRangeDatePickerState, IRangeDatePickerOption } from './types';
+import { ClassNames } from 'react-day-picker/types/ClassNames';
+export declare const isDateWithinRange: (date: Date, range: {
+    from?: Date;
+    to?: Date;
+}) => boolean;
+export declare const calculateDatePickerMonth: (initialFromDate?: Date | undefined, initialToDate?: Date | undefined, toMonth?: Date | undefined) => Date;
+export declare const getRangeDatePickerModifiers: (from?: Date | undefined, to?: Date | undefined) => Partial<Modifiers>;
+export declare const getSelectedOption: (itemId: string | null, options: IRangeDatePickerOption[]) => IRangeDatePickerOption | undefined;
+export declare const isSelectingFirstDay: (from?: Date | undefined, to?: Date | undefined) => boolean;
+export declare const getInitialStateFromProps: (props: IRangeDatePickerProps) => Partial<IRangeDatePickerState>;
+export declare const getDatePickerClassNames: (range?: boolean | undefined, classNames?: ClassNames | undefined) => {
+    container: string;
+    wrapper: string;
+    interactionDisabled: string;
+    navBar: string;
+    navButtonPrev: string;
+    navButtonNext: string;
+    navButtonInteractionDisabled: string;
+    months: string;
+    month: string;
+    caption: string;
+    weekdays: string;
+    weekdaysRow: string;
+    weekday: string;
+    weekNumber: string;
+    body: string;
+    week: string;
+    day: string;
+    footer: string;
+    todayButton: string;
+    today: string;
+    selected: string;
+    disabled: string;
+    outside: string;
+    start: string;
+    end: string;
+};

package/dist/src/components/DatePicker/hooks.d.ts

@@ -0,0 +1,6 @@
+import { Dispatch, ReducerAction, ReducerState } from 'react';
+import { IRangeDatePickerProps, RangeDatePickerReducer } from './types';
+export declare const useRangeDatePickerState: (props: IRangeDatePickerProps) => [
+    ReducerState<RangeDatePickerReducer>,
+    Dispatch<ReducerAction<RangeDatePickerReducer>>
+];

package/dist/src/components/DatePicker/index.d.ts

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

package/dist/src/components/DatePicker/types.d.ts

@@ -0,0 +1,100 @@
+import { Reducer } from 'react';
+import ReactDayPicker, { DayPickerProps } from 'react-day-picker';
+import { ClassNames } from 'react-day-picker/types/ClassNames';
+export interface IDatePickerProps extends Omit<DayPickerProps, 'todayButton' | 'showWeekNumbers'> {
+    innerRef?: React.Ref<ReactDayPicker>;
+    range?: boolean;
+}
+export interface IDatePickerNavbarProps {
+    showPreviousButton?: boolean;
+    showNextButton?: boolean;
+    month: Date;
+    fromMonth?: Date;
+    toMonth?: Date;
+    numberOfMonths?: number;
+    className?: string;
+    classNames: ClassNames;
+    onPreviousClick?: () => void;
+    onNextClick?: () => void;
+    onMonthChange: (newMonth: Date) => void;
+}
+export declare enum RangeDatePickerAction {
+    NEW_SELECTED_ITEM = "NEW_SELECTED_ITEM",
+    NEW_TEMPORARY_TO_VALUE = "NEW_TEMPORARY_TO_VALUE",
+    CLEAR = "CLEAR",
+    SET_FROM = "SET_FROM",
+    SET_TO = "SET_TO",
+    SELECT_FIRST_DAY = "SELECT_FIRST_DAY",
+    SELECT_SECOND_DAY_AS_FROM = "SELECT_SECOND_DAY_AS_FROM",
+    SELECT_SECOND_DAY_AS_TO = "SELECT_SECOND_DAY_AS_TO",
+    CURRENT_MONTH_CHANGE = "CURRENT_MONTH_CHANGE"
+}
+export declare type IRangeDatePickerReducerAction = {
+    type: RangeDatePickerAction.NEW_SELECTED_ITEM;
+    payload: {
+        selectedItem: string | null;
+    };
+} | {
+    type: RangeDatePickerAction.NEW_TEMPORARY_TO_VALUE | RangeDatePickerAction.SELECT_FIRST_DAY | RangeDatePickerAction.SELECT_SECOND_DAY_AS_FROM | RangeDatePickerAction.SELECT_SECOND_DAY_AS_TO | RangeDatePickerAction.CURRENT_MONTH_CHANGE;
+    payload: {
+        date: Date;
+    };
+} | {
+    type: RangeDatePickerAction.SET_FROM | RangeDatePickerAction.SET_TO;
+    payload: {
+        date?: Date;
+    };
+};
+export interface IRangeDatePickerState {
+    selectedItem: string | null;
+    from?: Date;
+    to?: Date;
+    temporaryTo?: Date;
+    currentMonth: Date;
+}
+export declare type RangeDatePickerReducer = Reducer<IRangeDatePickerState, IRangeDatePickerReducerAction>;
+export interface IRangeDatePickerOption {
+    id: string;
+    label: string;
+    isManual?: boolean;
+    value: {
+        from?: Date;
+        to?: Date;
+    } | null;
+}
+interface IRangeDatePickerChildrenPayloadDatePicker {
+    modifiers?: DayPickerProps['modifiers'];
+    initialMonth?: Date;
+    month: Date;
+    range?: boolean;
+    numberOfMonths: number;
+    fromMonth?: Date;
+    toMonth?: Date;
+    selectedDays?: DayPickerProps['selectedDays'];
+    disabledDays?: DayPickerProps['disabledDays'];
+    onDayMouseEnter: DayPickerProps['onDayMouseEnter'];
+    onDayClick(day: Date): void;
+    onMonthChange(month: Date): void;
+}
+export interface IRangeDatePickerChildrenPayload {
+    select: {
+        selected: string | number;
+        onItemSelect(itemKey: string | number): void;
+    };
+    inputs: {
+        fromDate?: Date;
+        toDate?: Date;
+    };
+    datepicker: IRangeDatePickerChildrenPayloadDatePicker;
+    selectedOption?: IRangeDatePickerOption;
+}
+export interface IRangeDatePickerProps {
+    options: IRangeDatePickerOption[];
+    initialSelectedItemKey?: string;
+    initialFromDate?: Date;
+    initialToDate?: Date;
+    toMonth?: Date;
+    onChange: (selected: IRangeDatePickerOption | null) => void;
+    children(payload: IRangeDatePickerChildrenPayload): React.ReactElement;
+}
+export {};

package/dist/src/components/FieldGroup/FieldGroup.d.ts

@@ -5,4 +5,4 @@ export interface FieldGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     inline?: boolean;
     stretch?: boolean;
 }
-export declare const FieldGroup: React.FC<FieldGroupProps>;
+export declare const FieldGroup: React.FC<React.PropsWithChildren<FieldGroupProps>>;

package/dist/src/components/FileUploadProgress/FileUploadProgress.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { ProgressSize, ProgressStatus } from '../Progress/constants';
+export declare type UploadProgressActionState = 'visible' | 'hover' | 'hidden';
+export interface FileUploadProgressProps {
+    actionsVisibility?: UploadProgressActionState;
+    className?: string;
+    icon?: React.ReactNode;
+    title: string;
+    progressValue: number;
+    size?: ProgressSize;
+    status?: ProgressStatus;
+    onCloseButtonClick?: () => void;
+    onRetryButtonClick?: () => void;
+}
+export declare const FileUploadProgress: React.ExoticComponent<FileUploadProgressProps & React.RefAttributes<HTMLInputElement>>;

package/dist/src/components/FileUploadProgress/FileUploadProgressActions.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { ProgressStatus } from '../Progress/constants';
+interface FileUploadProgressActionsProps {
+    status: ProgressStatus;
+    onCloseButtonClick?: () => void;
+    onRetryButtonClick?: () => void;
+}
+export declare const FileUploadProgressActions: React.FC<FileUploadProgressActionsProps>;
+export {};

package/dist/src/components/FileUploadProgress/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FileUploadProgress';
+export * from './FileUploadProgressActions';

package/dist/src/components/Form/Form.d.ts

@@ -4,4 +4,4 @@ export interface FormProps extends React.HTMLAttributes<HTMLFormElement> {
     helperText?: string;
     formFooter?: React.ReactNode;
 }
-export declare const Form: React.FC<FormProps>;
+export declare const Form: React.FC<React.PropsWithChildren<FormProps>>;

package/dist/src/components/{TextField/TextField.d.ts → FormField/FormField.d.ts}

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export interface TextFieldProps {
+export interface FormFieldProps {
     labelText?: string;
     labelAdornment?: React.ReactNode;
     labelFor?: string;
@@ -10,4 +10,4 @@ export interface TextFieldProps {
     children?: React.ReactNode;
     labelRightNode?: React.ReactNode;
 }
-export declare const TextField: React.FC<TextFieldProps>;
+export declare const FormField: React.FC<FormFieldProps>;

package/dist/src/components/FormField/index.d.ts

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

package/dist/src/components/FormGroup/FormGroup.d.ts

@@ -4,4 +4,4 @@ export interface FormGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     labelText?: string;
     helperText?: string;
 }
-export declare const FormGroup: React.FC<FormGroupProps>;
+export declare const FormGroup: React.FC<React.PropsWithChildren<FormGroupProps>>;

package/dist/src/components/Icon/Icon.d.ts

@@ -1,67 +1,11 @@
 import * as React from 'react';
-export declare enum IconSizeName {
-    XSmall = "xsmall",
-    Small = "small",
-    Medium = "medium",
-    Large = "large",
-    XLarge = "xlarge"
-}
-export declare const IconSize: {
-    xsmall: {
-        width: number;
-        height: number;
-    };
-    small: {
-        width: number;
-        height: number;
-    };
-    medium: {
-        width: number;
-        height: number;
-    };
-    large: {
-        width: number;
-        height: number;
-    };
-    xlarge: {
-        width: number;
-        height: number;
-    };
-};
-export declare enum IconTypeName {
-    Primary = "primary",
-    Subtle = "subtle",
-    Inverted = "inverted",
-    InvertedSubtle = "inverted_subtle",
-    Link = "link",
-    Success = "success",
-    Warning = "warning",
-    Error = "error"
-}
-export declare const IconColorMapper: {
-    primary: string;
-    subtle: string;
-    inverted: string;
-    inverted_subtle: string;
-    link: string;
-    success: string;
-    warning: string;
-    error: string;
-};
-export declare const IconColorDisabledMapper: {
-    primary: string;
-    subtle: string;
-    inverted: string;
-    inverted_subtle: string;
-    link: string;
-    success: string;
-    warning: string;
-    error: string;
-};
+export declare type IconSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+export declare type IconKind = 'primary' | 'subtle' | 'inverted' | 'inverted-subtle' | 'link' | 'success' | 'warning' | 'error';
+export declare type IconSource = React.FC<React.SVGProps<SVGSVGElement>> & React.ReactElement;
 export interface IconProps {
-    source: React.FC<React.SVGProps<SVGSVGElement>> | string;
-    size?: IconSizeName;
-    iconType?: IconTypeName;
+    source: IconSource;
+    size?: IconSize;
+    kind?: IconKind;
     disabled?: boolean;
     className?: string;
     customColor?: string;

package/dist/src/components/Icon/index.d.ts

@@ -1 +1 @@
-export { Icon, IconSizeName, IconTypeName } from './Icon';
+export * from './Icon';

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { Size } from 'utils/constants';
+interface InputIcon {
+    source: React.ReactElement;
+    place: 'left' | 'right';
+}
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    inputSize?: Size;
+    error?: boolean;
+    disabled?: boolean;
+    icon?: InputIcon;
+}
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export {};

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

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

package/dist/src/components/Modal/Modal.d.ts

@@ -2,6 +2,8 @@ import * as React from 'react';
 import { ModalBaseProps } from './ModalBase';
 export interface ModalProps extends ModalBaseProps {
     heading?: React.ReactNode;
+    labelHeading?: React.ReactNode;
+    fullSpaceContent?: boolean;
     footer?: React.ReactNode;
 }
 export declare const Modal: React.FC<ModalProps>;

package/dist/src/components/Modal/ModalBase.d.ts

@@ -2,5 +2,6 @@ import * as React from 'react';
 export interface ModalBaseProps extends React.HTMLAttributes<HTMLDivElement> {
     onClose(): void;
     closeOnEscPress?: boolean;
+    closeOnOverlayPress?: boolean;
 }
-export declare const ModalBase: React.FC<ModalBaseProps>;
+export declare const ModalBase: React.FC<React.PropsWithChildren<ModalBaseProps>>;

package/dist/src/components/Modal/ModalCloseButton.d.ts

@@ -1,3 +1,6 @@
 import * as React from 'react';
-export declare type ModalCloseButtonProps = React.HTMLAttributes<HTMLButtonElement>;
+export interface ModalCloseButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    labelType?: boolean;
+    customColor?: string;
+}
 export declare const ModalCloseButton: React.FC<ModalCloseButtonProps>;

package/dist/src/components/Modal/ModalPortal.d.ts

@@ -2,6 +2,6 @@ import * as React from 'react';
 export interface ModalPortalProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     zIndex: number;
-    parentElementName: string;
+    parentElementName?: string;
 }
 export declare const ModalPortal: React.FC<ModalPortalProps>;

package/dist/src/components/Modal/index.d.ts

@@ -1,9 +1,7 @@
-export { ActionModal } from './ActionModal';
 export { Modal } from './Modal';
 export { ModalBase } from './ModalBase';
 export { ModalCloseButton } from './ModalCloseButton';
 export { ModalPortal } from './ModalPortal';
-export type { ActionModalProps } from './ActionModal';
 export type { ModalProps } from './Modal';
 export type { ModalBaseProps } from './ModalBase';
 export type { ModalCloseButtonProps } from './ModalCloseButton';

package/dist/src/components/NumericInput/index.d.ts

@@ -1,2 +1 @@
 export { NumericInput } from './NumericInput';
-export { NumericInputField } from './NumericInputField';

package/dist/src/components/Picker/Picker.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { IPickerListItem } from './PickerList';
+import { IconSize } from '../Icon';
+import { Size } from 'utils';
+export declare type PickerType = 'single' | 'multi';
+export interface IPickerProps {
+    id?: string;
+    className?: string;
+    disabled?: boolean;
+    error?: boolean;
+    options: IPickerListItem[];
+    selected?: IPickerListItem[] | null;
+    size?: Size;
+    tagIconSize?: IconSize;
+    placeholder?: string;
+    isRequired?: boolean;
+    noSearchResultText?: string;
+    selectAllOptionText?: string;
+    type?: PickerType;
+    searchDisabled?: boolean;
+    onSelect: (selectedItems: IPickerListItem[] | null) => void;
+}
+export declare const Picker: React.FC<IPickerProps>;

package/dist/src/components/Picker/PickerList.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+export interface IPickerListItem {
+    key: string;
+    name: string;
+    customElement?: {
+        listItemBody: React.ReactElement;
+        selectedItemBody: React.ReactElement;
+    };
+    groupHeader?: boolean;
+    disabled?: boolean;
+}
+export interface IPickerListProps {
+    isOpen: boolean;
+    items: IPickerListItem[];
+    selectedItemsKeys: string[] | null;
+    emptyStateText?: string;
+    selectAllOptionText?: string;
+    isMultiSelect?: boolean;
+    onClose: () => void;
+    onSelect: (item: IPickerListItem) => void;
+    onSelectAll: () => void;
+}
+export declare const PickerList: React.FC<IPickerListProps>;

package/dist/src/components/Picker/Trigger.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { Size } from 'utils';
+export interface ITriggerProps {
+    isSearchDisabled: boolean;
+    isDisabled?: boolean;
+    isError?: boolean;
+    isItemSelected: boolean;
+    isOpen: boolean;
+    isRequired?: boolean;
+    isMultiSelect?: boolean;
+    size?: Size;
+    onTrigger: (e: React.MouseEvent | KeyboardEvent) => void;
+    onClear: () => void;
+}
+export declare const Trigger: React.FC<React.PropsWithChildren<ITriggerProps>>;

package/dist/src/components/Picker/TriggerBody.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { IPickerListItem } from './PickerList';
+import { PickerType } from './Picker';
+import { IconSize } from 'index';
+export interface ITriggerBodyProps {
+    isOpen: boolean;
+    isSearchDisabled?: boolean;
+    isDisabled?: boolean;
+    placeholder: string;
+    items?: IPickerListItem[] | null;
+    type: PickerType;
+    iconSize?: IconSize;
+    onItemRemove: (item: IPickerListItem) => void;
+    onFilter: (text: string) => void;
+}
+export declare const TriggerBody: React.FC<ITriggerBodyProps>;

package/dist/src/components/Picker/constants.d.ts

@@ -0,0 +1,21 @@
+export declare const defaultPickerOptions: {
+    key: string;
+    name: string;
+}[];
+export declare const defaultExtendedOptions: ({
+    key: string;
+    name: string;
+    groupHeader: boolean;
+    disabled?: undefined;
+} | {
+    key: string;
+    name: string;
+    groupHeader?: undefined;
+    disabled?: undefined;
+} | {
+    key: string;
+    name: string;
+    disabled: boolean;
+    groupHeader?: undefined;
+})[];
+export declare const SELECT_ALL_OPTION_KEY = "select-all";

package/dist/src/components/Picker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Picker';
+export * from './PickerList';

package/dist/src/components/Popover/Popover.d.ts

@@ -1,15 +1,12 @@
 import * as React from 'react';
-import * as PopperCore from '@popperjs/core';
-declare type PopoverModifiers = {
-    [key: string]: Partial<PopperCore.StrictModifiers>;
-};
+import { Placement, flip } from '@floating-ui/react-dom';
 export interface IPopoverProps {
     children?: React.ReactNode;
     className?: string;
-    modifiers?: PopoverModifiers;
-    placement?: PopperCore.Placement;
+    placement?: Placement;
     isVisible?: boolean;
+    flipOptions?: Parameters<typeof flip>[0];
     triggerRenderer: () => React.ReactNode;
+    onClose?: () => void;
 }
 export declare const Popover: React.FC<IPopoverProps>;
-export {};