@livechat/design-system-react-components 1.0.0-alpha.4 → 1.0.0-alpha.40

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/FieldDescription/FieldDescription.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare type FieldDescriptionProps = React.HTMLAttributes<HTMLSpanElement>;
+export declare const FieldDescription: React.FC<FieldDescriptionProps>;

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare type FieldErrorProps = React.HTMLAttributes<HTMLSpanElement>;
+export declare const FieldError: React.FC<FieldErrorProps>;

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface FieldGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    description?: React.ReactNode;
+    error?: string;
+    inline?: boolean;
+    stretch?: boolean;
+}
+export declare const FieldGroup: React.FC<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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface FormProps extends React.HTMLAttributes<HTMLFormElement> {
+    labelText?: string;
+    helperText?: string;
+    formFooter?: React.ReactNode;
+}
+export declare const Form: React.FC<FormProps>;

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface FormFieldProps {
+    labelText?: string;
+    labelAdornment?: React.ReactNode;
+    labelFor?: string;
+    className?: string;
+    inline?: boolean;
+    error?: string;
+    description?: React.ReactNode;
+    children?: React.ReactNode;
+    labelRightNode?: React.ReactNode;
+}
+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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface FormGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    labelText?: string;
+    helperText?: string;
+}
+export declare const FormGroup: React.FC<FormGroupProps>;

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+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: IconSource;
+    size?: IconSize;
+    kind?: IconKind;
+    disabled?: boolean;
+    className?: string;
+    customColor?: string;
+}
+export declare const Icon: React.FC<IconProps>;
+export default Icon;

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

@@ -0,0 +1 @@
+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/{src/components/Link/Link.tsx → dist/src/components/Link/Link.d.ts}

@@ -1,15 +1,7 @@
 import * as React from 'react';
-import cx from 'clsx';
-
-import styles from './Link.module.scss';
-
-export interface LinkProps
-  extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-  bold: boolean;
+export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    bold: boolean;
 }
-
-const baseClass = 'link';
-
 /**
  * Simple component which renders an `<a>` element.
  *
@@ -19,19 +11,4 @@ const baseClass = 'link';
  *
  * Use `<Button href="">` to display as a `<Button>` - <a target="_self" href="/story/components-button--link">see the story</a>.
  */
-export const Link: React.FC<LinkProps> = ({
-  bold = false,
-  className = '',
-  ...rest
-}) => {
-  return (
-    <a
-      className={cx(
-        styles[baseClass],
-        bold && styles[`${baseClass}--bold`],
-        className
-      )}
-      {...rest}
-    />
-  );
-};
+export declare const Link: React.FC<LinkProps>;

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface LoaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: 'small' | 'medium' | 'large';
+    label?: string;
+    /** Fragment circle color */
+    primaryColor?: string;
+    /** Main circle color */
+    secondaryColor?: string;
+}
+export declare const Loader: React.FC<LoaderProps>;

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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,7 @@
+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>;

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+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

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

package/{src/components/Modal/index.ts → dist/src/components/Modal/index.d.ts}

@@ -1,10 +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/NumericInput.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+interface Props {
+    className?: string;
+    error?: string;
+    value: string;
+    max?: number;
+    min?: number;
+    disabled?: boolean;
+    noControls?: boolean;
+    onChange: (value: string) => void;
+}
+export declare type NumericInputProps = React.InputHTMLAttributes<HTMLInputElement> & Props;
+export declare const NumericInput: React.FC<NumericInputProps>;
+export {};

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

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

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<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

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

package/dist/src/components/Progress/ProgressBar.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { ProgressSize, ProgressStatus } from './constants';
+export interface ProgressBarProps {
+    className?: string;
+    percent: number;
+    status?: ProgressStatus;
+    size?: ProgressSize;
+}
+export declare const ProgressBar: React.ExoticComponent<ProgressBarProps & React.RefAttributes<HTMLInputElement>>;

package/dist/src/components/Progress/ProgressCircle.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { ProgressSize, ProgressStatus } from './constants';
+export interface ProgressCircleProps {
+    className?: string;
+    progressValue: number;
+    status?: ProgressStatus;
+    size?: ProgressSize;
+}
+export declare const ProgressCircle: React.ExoticComponent<ProgressCircleProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,4 @@
+export declare type ProgressStatus = 'normal' | 'error' | 'success';
+export declare type ProgressSize = 'small' | 'medium' | 'large';
+export declare const PROGRESS_STATUSES: ProgressStatus[];
+export declare const PROGRESS_SIZES: ProgressSize[];

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

@@ -0,0 +1,3 @@
+import { ProgressStatus } from './constants';
+export declare function getPercentNumber(status: ProgressStatus, percent?: number): number;
+export declare function getProgressStatus(status: ProgressStatus, percent: number): ProgressStatus;

package/{src/components/Progress/index.ts → dist/src/components/Progress/index.d.ts}

@@ -1 +1,2 @@
 export { ProgressCircle } from './ProgressCircle';
+export { ProgressBar } from './ProgressBar';

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface PromoBannerProps {
+    className?: string;
+    buttonText?: string;
+    header: string;
+    img?: string;
+    light?: boolean;
+    linkText?: string;
+    onButtonClick?: () => void;
+    onClose?: () => void;
+    onLinkClick?: () => void;
+}
+export declare const PromoBanner: React.FC<PromoBannerProps>;

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

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

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface ISearchInputProps {
+    isCollapsable?: boolean;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    placeholder?: string;
+    size?: 'compact' | 'medium' | 'large';
+    value: string;
+    className?: string;
+    onChange: (value: string) => void;
+}
+export declare const SearchInput: React.FC<ISearchInputProps>;

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

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

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

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { ButtonProps } from '../Button';
+export declare type ButtonSize = 'compact' | 'medium' | 'large';
+declare type ButtonElement = {
+    id: string;
+    label: string;
+} & Pick<ButtonProps, 'disabled' | 'loading' | 'icon'>;
+export interface SegmentedControlProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    buttons: ButtonElement[];
+    fullWidth?: boolean;
+    size?: ButtonSize;
+    initialId?: string;
+    currentId?: string;
+    onButtonClick?: (id: string, event: React.MouseEvent<HTMLElement>) => void;
+}
+export declare const SegmentedControl: React.FC<SegmentedControlProps>;
+export {};

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

@@ -0,0 +1,2 @@
+export { SegmentedControl } from './SegmentedControl';
+export type { SegmentedControlProps } from './SegmentedControl';

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export declare const baseClass = "switch";
+export declare type SwitchSize = 'compact' | 'medium' | 'large';
+export declare type SwitchState = 'regular' | 'loading' | 'locked';
+export interface SwitchProps {
+    ariaLabel?: string;
+    className?: string;
+    defaultOn?: boolean;
+    disabled?: boolean;
+    innerRef?: React.LegacyRef<HTMLInputElement> | undefined;
+    name?: string;
+    on?: boolean;
+    onChange?(e: React.FormEvent, value: boolean): void;
+    size?: SwitchSize;
+    state?: SwitchState;
+}
+export declare const Switch: React.FC<SwitchProps>;

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { Size } from 'utils';
+declare type HTMLProps = (React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    href: string;
+}) | (React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    href?: never;
+});
+export declare type TabProps = HTMLProps & {
+    count?: number;
+    isSelected?: boolean;
+    asBadge?: boolean;
+    size?: Size;
+};
+export declare const Tab: React.FC<TabProps>;
+export {};

package/dist/src/components/Tab/TabsWrapper.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const TabsWrapper: React.FC<React.HTMLAttributes<HTMLDivElement>>;
+export declare const TabsList: React.FC<React.HTMLAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { IconSize, IconSource } from '../Icon';
+export interface TagProps extends React.HTMLAttributes<HTMLDivElement> {
+    kind?: 'default' | 'info' | 'warning' | 'success' | 'error' | 'purple' | 'black';
+    size?: 'medium' | 'large';
+    iconSize?: IconSize;
+    customColor?: string;
+    dismissible?: boolean;
+    outline?: boolean;
+    onRemove?(): void;
+    icon?: IconSource;
+    avatar?: string;
+}
+export declare const Tag: React.FC<TagProps>;

package/dist/src/components/TagInput/EditableTag.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface EditableTagProps extends React.HTMLAttributes<HTMLDivElement> {
+    inputRef: React.RefObject<HTMLInputElement>;
+    index: number;
+    update: (idx: number, value: string) => void;
+    remove: (idx: number) => void;
+    validator?: (val: string) => boolean;
+    children: string;
+    size: 'medium' | 'large';
+}
+export declare const EditableTag: React.FC<EditableTagProps>;

package/dist/src/components/TagInput/EditableTagContent.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface EditableTagContentProps {
+    value: string;
+    className?: string;
+    innerEditableRef: React.RefObject<HTMLDivElement>;
+    inputRef: React.RefObject<HTMLInputElement>;
+    change: (value: string) => void;
+    remove: () => void;
+    validator?: (value: string) => boolean;
+}
+export declare const EditableTagContent: React.FC<EditableTagContentProps>;