@livechat/design-system-react-components 1.36.0 → 1.37.1

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

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

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

@@ -1,16 +0,0 @@
-import * as React from 'react';
-export interface FormProps extends React.HTMLAttributes<HTMLFormElement> {
-    /**
-     * Set form label
-     */
-    labelText?: string;
-    /**
-     * Set form description
-     */
-    helperText?: string;
-    /**
-     * Footer element
-     */
-    formFooter?: React.ReactNode;
-}
-export declare const Form: React.FC<React.PropsWithChildren<FormProps>>;

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

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

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

@@ -1,40 +0,0 @@
-import * as React from 'react';
-export interface FormFieldProps {
-    /**
-     * Define label text
-     */
-    labelText?: string;
-    /**
-     * Renders given element aligned to label, `inline` will affect
-     */
-    labelAdornment?: React.ReactNode;
-    /**
-     * Define to associate the label with the field
-     */
-    labelFor?: string;
-    /**
-     * The CSS class for field container
-     */
-    className?: string;
-    /**
-     * Set the label to inline version
-     */
-    inline?: boolean;
-    /**
-     * Define error text
-     */
-    error?: string;
-    /**
-     * Define the description text
-     */
-    description?: React.ReactNode;
-    /**
-     * Wrapped element
-     */
-    children?: React.ReactNode;
-    /**
-     * Renders given element above the filed
-     */
-    labelRightNode?: React.ReactNode;
-}
-export declare const FormField: React.FC<FormFieldProps>;

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

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

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

@@ -1,16 +0,0 @@
-import * as React from 'react';
-export interface FormGroupProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * The CSS class for container
-     */
-    className?: string;
-    /**
-     * Set form label
-     */
-    labelText?: string;
-    /**
-     * Set form description
-     */
-    helperText?: string;
-}
-export declare const FormGroup: React.FC<React.PropsWithChildren<FormGroupProps>>;

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

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

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

@@ -1,32 +0,0 @@
-import * as React from 'react';
-import { IconSource } from './types';
-export type IconSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge';
-export type IconKind = 'primary' | 'subtle' | 'inverted' | 'inverted-subtle' | 'link' | 'success' | 'warning' | 'error' | 'negative' | 'positive' | 'action-primary' | 'action-negative' | 'action-positive' | 'action-warning' | 'action-neutral' | 'lock-black';
-export interface IconProps {
-    /**
-     * Specify the source of svg element
-     */
-    source: IconSource;
-    /**
-     * Specify the icon size
-     */
-    size?: IconSize;
-    /**
-     * Specify the icon kind
-     */
-    kind?: IconKind;
-    /**
-     * Specify whether the icon should be disabled
-     */
-    disabled?: boolean;
-    /**
-     * The CSS class for icon
-     */
-    className?: string;
-    /**
-     * Set the icon custom color
-     */
-    customColor?: string;
-}
-export declare const Icon: React.FC<IconProps>;
-export default Icon;

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

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { IconSource } from '../index';
-import { IconName } from './types';
-export type IconsMap = {
-    [key: string]: IconSource;
-};
-interface IProps {
-    data: IconName[];
-}
-export declare const IconsShowcase: React.FC<IProps>;
-export {};

package/dist/components/Icon/IconsShowcase/constans.d.ts

@@ -1,2 +0,0 @@
-import { IconGroup, IconName } from './types';
-export declare const IconsData: Record<IconName, IconGroup>;

package/dist/components/Icon/IconsShowcase/helpers.d.ts

@@ -1,2 +0,0 @@
-import { IconGroup, IconName } from './types';
-export declare const getIconsByGroup: (group: IconGroup) => IconName[];

package/dist/components/Icon/IconsShowcase/types.d.ts

@@ -1,9 +0,0 @@
-import * as DSIcons from '@livechat/design-system-icons';
-export type IconName = keyof typeof DSIcons;
-export declare enum IconGroup {
-    Arrows = 0,
-    Text = 1,
-    FileType = 2,
-    General = 3,
-    Brands = 4
-}

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

@@ -1,2 +0,0 @@
-export * from './Icon';
-export type { IconSource } from './types';

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

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export type IconSource = React.FC<React.SVGProps<SVGSVGElement>>;

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

@@ -1,29 +0,0 @@
-import * as React from 'react';
-interface InputIcon {
-    source: React.ReactElement;
-    place: 'left' | 'right';
-}
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    /**
-     * Specify the input size
-     */
-    inputSize?: 'xsmall' | 'compact' | 'medium' | 'large';
-    /**
-     * Specify whether the input should be in error state
-     */
-    error?: boolean;
-    /**
-     * Specify whether the input should be disabled
-     */
-    disabled?: boolean;
-    /**
-     * Set the icon and its position
-     */
-    icon?: InputIcon;
-    /**
-     * Set to enable ellipsis
-     */
-    cropOnBlur?: boolean;
-}
-export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-export {};

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

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

package/dist/components/Link/Link.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-    bold: boolean;
-}
-/**
- * Simple component which renders an `<a>` element.
- *
- * Place the `<Link>` inside a `<Text>` component or pass a custom className to set the typography styles.
- *
- * Use `<Button kind="link">` to act as a `<button>` - <a target="_self" href="/story/components-button--kinds">see the story</a>.
- *
- * Use `<Button href="">` to display as a `<Button>` - <a target="_self" href="/story/components-button--link">see the story</a>.
- */
-export declare const Link: React.FC<LinkProps>;

package/dist/components/Link/index.d.ts

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

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

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

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

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

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

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import { ModalBaseProps } from './components/ModalBase';
-export interface ModalProps extends ModalBaseProps {
-    /**
-     * Header element. For consistent UI use `<ModalHeader/>`
-     */
-    heading?: React.ReactNode;
-    /**
-     * Header element outside the main container. For consistent UI use `<ModalHeader/>`
-     */
-    labelHeading?: React.ReactNode;
-    /**
-     * Removes the spacing inside the main container
-     */
-    fullSpaceContent?: boolean;
-    /**
-     * Footer element
-     */
-    footer?: React.ReactNode;
-    /**
-     * Class name for the content container
-     */
-    contentClassName?: string;
-}
-export declare const Modal: React.FC<ModalProps>;

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

@@ -1,4 +0,0 @@
-import * as React from 'react';
-export declare const ModalFullSpaceContent: React.FC;
-export declare const ModalContent: React.FC;
-export declare const ModalFooter: React.FC;

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

@@ -1,29 +0,0 @@
-import * as React from 'react';
-interface IActionModalProps {
-    /**
-     * Optional element to render icon or image
-     */
-    icon?: React.ReactNode;
-    /**
-     * Set the header text
-     */
-    heading?: React.ReactNode;
-    /**
-     * Optional element to render action buttons
-     */
-    actions?: React.ReactNode;
-    /**
-     * The CSS class for main container
-     */
-    className?: string;
-    /**
-     * The CSS class for header container
-     */
-    headerClassName?: string;
-    /**
-     * The CSS class for content container
-     */
-    contentClassName?: string;
-}
-export declare const ActionModalContent: React.FC<IActionModalProps>;
-export {};

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

@@ -1,24 +0,0 @@
-import * as React from 'react';
-export interface ModalBaseProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * The event handler for close button
-     */
-    onClose(): void;
-    /**
-     * Triggers the onClose event on `esc` key press
-     */
-    closeOnEscPress?: boolean;
-    /**
-     * Triggers the onClose event on overlay click
-     */
-    closeOnOverlayPress?: boolean;
-    /**
-     * Removes the spacing inside the main container
-     */
-    fullSpaceContent?: boolean;
-    /**
-     * Put extra margin on the top of the modal for the label
-     */
-    isLabelled?: boolean;
-}
-export declare const ModalBase: React.FC<React.PropsWithChildren<ModalBaseProps>>;

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

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { ButtonProps } from '../../Button';
-export interface ModalCloseButtonProps extends ButtonProps {
-    labelType?: boolean;
-    customColor?: string;
-}
-export declare const ModalCloseButton: React.FC<ModalCloseButtonProps>;

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

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { AvatarProps } from '../../Avatar';
-import { IconProps } from '../../Icon';
-export interface ModalHeaderProps {
-    /**
-     * Set the header title
-     */
-    title?: React.ReactNode;
-    /**
-     * Set to display the icon
-     */
-    iconProps?: IconProps;
-    /**
-     * Set to display avatar
-     */
-    avatarProps?: AvatarProps;
-    /**
-     * Children element
-     */
-    children?: React.ReactNode;
-    /**
-     * Define class name for container
-     */
-    className?: string;
-}
-export declare const ModalHeader: React.FC<ModalHeaderProps>;

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

@@ -1,7 +0,0 @@
-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/dist/components/Modal/index.d.ts

@@ -1,11 +0,0 @@
-export { Modal } from './Modal';
-export { ModalBase } from './components/ModalBase';
-export { ModalCloseButton } from './components/ModalCloseButton';
-export { ModalPortal } from './components/ModalPortal';
-export { ModalHeader } from './components/ModalHeader';
-export { ActionModalContent } from './components/ActionModalContent';
-export type { ModalProps } from './Modal';
-export type { ModalBaseProps } from './components/ModalBase';
-export type { ModalCloseButtonProps } from './components/ModalCloseButton';
-export type { ModalPortalProps } from './components/ModalPortal';
-export type { ModalHeaderProps } from './components/ModalHeader';

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

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

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

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

package/dist/components/OnboardingChecklist/OnboardingChecklist.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { IOnboardingChecklistProps } from './types';
-export declare const OnboardingChecklist: React.FC<IOnboardingChecklistProps>;

package/dist/components/OnboardingChecklist/components/CheckListItem.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { ICheckListItem } from '../types';
-export declare const CheckListItem: React.FC<ICheckListItem>;

package/dist/components/OnboardingChecklist/components/index.d.ts

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

package/dist/components/OnboardingChecklist/index.d.ts

@@ -1,2 +0,0 @@
-export { OnboardingChecklist } from './OnboardingChecklist';
-export type { IOnboardingChecklistProps, IChecklistItemProps, ICompletionMessageDataProps, } from './types';

package/dist/components/OnboardingChecklist/types.d.ts

@@ -1,97 +0,0 @@
-import * as React from 'react';
-export interface IChecklistItemProps {
-    /**
-     * Define the unique id of the item
-     */
-    id: string;
-    /**
-     * Set the title of the item
-     */
-    title: string;
-    /**
-     * Set the additional text for the title
-     */
-    titleHint?: string;
-    /**
-     * Set the description of the item
-     */
-    description: string;
-    /**
-     * The element to display when the item is active
-     */
-    cta: React.ReactElement;
-    /**
-     * The element to display in the right column when the item is active
-     */
-    placeholder: React.ReactElement;
-}
-export interface ICheckListItem extends Omit<IChecklistItemProps, 'placeholder'> {
-    isActive: boolean;
-    isChecked: boolean;
-    isLastElement: boolean;
-    onClick: (id: string) => void;
-}
-export type ICompletionMessageDataProps = {
-    /**
-     * Set the title of the complete state
-     */
-    title: string;
-    /**
-     * Set the greeting text of the complete state
-     */
-    greetingText?: string;
-    /**
-     * The element to display when the checklist is completed before the animation starts
-     */
-    placeholder?: React.ReactElement;
-    /**
-     * Define the delay betweend displaying complete placeholder and the animation starts
-     */
-    delay?: number;
-    /**
-     * Define the custom heigh of content visible after checklist complete
-     */
-    height?: number;
-};
-export interface IOnboardingChecklistProps {
-    /**
-     * The CSS class for the component
-     */
-    className?: string;
-    /**
-     * Set the title of the checklist
-     */
-    title: string;
-    /**
-     * Set the greeting text of the checklist
-     */
-    greetingText?: string;
-    /**
-     * The list of items to display
-     */
-    items: IChecklistItemProps[];
-    /**
-     * Set to define the active item
-     */
-    activeItemId: string;
-    /**
-     * Set to defined the complete items
-     */
-    completedItemsIds: string[];
-    /**
-     * Callback function when list element is clicked
-     */
-    onActiveChange: (id: string) => void;
-    /**
-     * The CSS class for the right column
-     */
-    placeholderClassName?: string;
-    /**
-     * Set to define the checklist is completed
-     */
-    isCompleted?: boolean;
-    /**
-     * Complete element which will be displayed when `isCompleted` is true
-     */
-    completionMessageData: ICompletionMessageDataProps;
-}

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

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { IPickerProps } from './types';
-export declare const Picker: React.FC<IPickerProps>;

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

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import { FloatingContext } from '@floating-ui/react';
-import { VirtuosoProps } from 'react-virtuoso';
-import { IPickerListItem } from '../types';
-export interface IPickerListProps {
-    pickerType?: 'single' | 'multi';
-    options: IPickerListItem[];
-    context: FloatingContext<HTMLButtonElement>;
-    setFloating: (node: HTMLElement | null) => void;
-    floatingStyles: React.CSSProperties;
-    maxHeight: number;
-    listElementsRef: React.MutableRefObject<(HTMLElement | null)[]>;
-    activeIndex: number | null;
-    selectedKeys: string[];
-    setPointer: (pointer: boolean) => void;
-    onSelect: (key: string) => void;
-    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-    getItemProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-    emptyStateText?: string;
-    hideWhenEmpty?: boolean;
-    listClassName?: string;
-    virtuosoProps?: VirtuosoProps<IPickerListItem, unknown>;
-}
-export declare const PickerList: React.FC<IPickerListProps>;

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

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { IPickerListItem } from '../types';
-interface IPickerListItemProps {
-    index: number;
-    isActive: boolean;
-    isSelected: boolean;
-    numberOfItems: number;
-    listElementsRef: React.MutableRefObject<(HTMLElement | null)[]>;
-    onSelect: (key: string) => void;
-    getItemProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-    item: IPickerListItem;
-}
-export declare const PickerListItem: React.FC<IPickerListItemProps>;
-export {};

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

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { Size } from '../../../utils';
-export interface PickerTriggerProps {
-    setReference: (element: HTMLElement | null) => void;
-    getReferenceProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-    testId?: string;
-    size?: Size;
-    isMultiSelect?: boolean;
-    isItemSelected: boolean;
-    hideClearButton?: boolean;
-    isDisabled?: boolean;
-    isRequired?: boolean;
-    isError?: boolean;
-    isOpen: boolean;
-    onClear: () => void;
-    setTriggerFocus: (v: boolean) => void;
-}
-export declare const PickerTrigger: React.FC<React.PropsWithChildren<PickerTriggerProps>>;

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

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import { Size } from '../../../utils';
-import { PickerType, IPickerListItem } from '../types';
-export interface ITriggerBodyProps {
-    isOpen: boolean;
-    isSearchDisabled?: boolean;
-    isDisabled?: boolean;
-    placeholder: string;
-    searchPhrase?: string;
-    selectedItems?: IPickerListItem[] | null;
-    type: PickerType;
-    clearSearchAfterSelection?: boolean;
-    size?: Size;
-    onItemRemove: (key: string) => void;
-    onSelect: (key: string) => void;
-    onFilter: (text: string) => void;
-    onClear: () => void;
-    virtualItemRef: React.MutableRefObject<HTMLElement | null>;
-    isTriggerFocused: boolean;
-    inputRef?: React.RefObject<HTMLInputElement>;
-}
-export declare const PickerTriggerBody: React.FC<ITriggerBodyProps>;