@livechat/design-system-react-components 1.0.0-refresh-ui.2 → 1.0.0

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

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { NumericInputProps } from './NumericInput';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, React.InputHTMLAttributes<HTMLInputElement> & {
-    className?: string | undefined;
-    error?: string | undefined;
-    value: string;
-    max?: number | undefined;
-    min?: number | undefined;
-    disabled?: boolean | undefined;
-    noControls?: boolean | undefined;
-    onChange: (value: string) => void;
-} & {
-    children?: React.ReactNode;
-}>;
-export default _default;
-export declare const NumericInput: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, NumericInputProps>;
-export declare const NumericInputWithMinAndMaxValues: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, NumericInputProps>;
-export declare const NumericInputWithNoControls: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, NumericInputProps>;
-export declare const NumericInputWithDisabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, NumericInputProps>;
-export declare const NumericInputWithError: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, NumericInputProps>;

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

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

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

@@ -1,84 +0,0 @@
-import * as React from 'react';
-import { Size } from 'utils';
-import { IconSize } from '../Icon';
-import { PickerType } from './constants';
-import { IPickerListItem } from './types';
-export interface IPickerProps {
-    /**
-     * Specify the custom id
-     */
-    id?: string;
-    /**
-     * The CSS class for picker container
-     */
-    className?: string;
-    /**
-     * Specify whether the picker should be disabled
-     */
-    disabled?: boolean;
-    /**
-     * Specify whether the picker should be in error state
-     */
-    error?: boolean;
-    /**
-     * Array of picker options
-     */
-    options: IPickerListItem[];
-    /**
-     * Array of picker selected options
-     */
-    selected?: IPickerListItem[] | null;
-    /**
-     * Specify the picker size
-     */
-    size?: Size;
-    /**
-     * Set the dismiss icon size in tags when `multi` type is enabled
-     */
-    tagIconSize?: IconSize;
-    /**
-     * Specify the placeholder for search input
-     */
-    placeholder?: string;
-    /**
-     * Specify whether the option select is required
-     */
-    isRequired?: boolean;
-    /**
-     * Text if no search result were found
-     */
-    noSearchResultText?: string;
-    /**
-     * Text for `select all` option which will be visible if defined in multi select mode
-     */
-    selectAllOptionText?: string;
-    /**
-     * Set `multi` to specify whether the picker should allow to multi selection
-     */
-    type?: PickerType;
-    /**
-     * Set to disable search input
-     */
-    searchDisabled?: boolean;
-    /**
-     * Set to hide clear selection button
-     */
-    hideClearButton?: boolean;
-    /**
-     * Will open picker on component initialization
-     */
-    openedOnInit?: boolean;
-    /**
-     * Test id passed to the picker trigger element
-     */
-    ['data-testid']?: string;
-    /**
-     * Callback called after item selection
-     */
-    onSelect: (selectedItems: IPickerListItem[] | null) => void;
-    /**
-     * Clears the search input after item select
-     */
-    clearSearchAfterSelection?: boolean;
-}
-export declare const Picker: React.FC<IPickerProps>;

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

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

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

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { IPickerProps } from './Picker';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, IPickerProps & {
-    children?: React.ReactNode;
-}>;
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IPickerProps>;
-export declare const States: () => React.ReactElement;
-export declare const PickerWithGroupedOptions: () => React.ReactElement;
-export declare const PickerWithOptionsAsCustomElements: () => React.ReactElement;

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

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { IPickerListItem } from './types';
-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/components/Picker/PickerList.spec.d.ts

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

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

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { IPickerListItem } from './types';
-interface IProps {
-    item: IPickerListItem;
-    isItemSelected: boolean;
-    currentItemKey: string | null;
-    onSelect: (item: IPickerListItem) => void;
-}
-export declare const PickerListItem: React.FC<IProps>;
-export {};

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

@@ -1,17 +0,0 @@
-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;
-    hideClearButton?: boolean;
-    onTrigger: (e: React.MouseEvent | KeyboardEvent) => void;
-    onClear: () => void;
-    testId?: string;
-}
-export declare const Trigger: React.FC<React.PropsWithChildren<ITriggerProps>>;

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

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

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

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

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

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

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

@@ -1,22 +0,0 @@
-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";
-export type PickerType = 'single' | 'multi';

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

@@ -1,3 +0,0 @@
-export * from './Picker';
-export * from './PickerList';
-export type { PickerType } from './constants';

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

@@ -1,11 +0,0 @@
-import * as React from 'react';
-export interface IPickerListItem {
-    key: string;
-    name: string;
-    customElement?: {
-        listItemBody: React.ReactElement;
-        selectedItemBody: React.ReactElement;
-    };
-    groupHeader?: boolean;
-    disabled?: boolean;
-}

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

@@ -1,34 +0,0 @@
-import * as React from 'react';
-import { Placement, flip } from '@floating-ui/react-dom';
-export interface IPopoverProps {
-    children?: React.ReactNode;
-    /**
-     * The CSS class for popover container
-     */
-    className?: string;
-    /**
-     * The popover placement related to the trigger element
-     */
-    placement?: Placement;
-    /**
-     * Set popover visibility
-     */
-    isVisible?: boolean;
-    /**
-     * Set the popover placement to keep it in view
-     */
-    flipOptions?: Parameters<typeof flip>[0];
-    /**
-     * Set `false` if the menu is not to be closed with a esc press
-     */
-    closeOnEsc?: boolean;
-    /**
-     * Trigger element
-     */
-    triggerRenderer: () => React.ReactNode;
-    /**
-     * Optional callback called after popover close
-     */
-    onClose?: () => void;
-}
-export declare const Popover: React.FC<IPopoverProps>;

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

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

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

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { IPopoverProps } from './Popover';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, IPopoverProps & {
-    children?: React.ReactNode;
-}>;
-export default _default;
-export declare const Default: {
-    (args: IPopoverProps): React.ReactElement;
-    args: {
-        placement: string;
-        isVisible: boolean;
-    };
-};

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

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

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

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import { ProgressSize, ProgressStatus } from './constants';
-export interface ProgressBarProps {
-    /**
-     * The CSS class for container
-     */
-    className?: string;
-    /**
-     * Specify the value of current progress bar (0-100)
-     */
-    percent: number;
-    /**
-     * Specify the progress bar status
-     */
-    status?: ProgressStatus;
-    /**
-     * Specify the progress bar size
-     */
-    size?: ProgressSize;
-}
-export declare const ProgressBar: React.ExoticComponent<ProgressBarProps & React.RefAttributes<HTMLInputElement>>;

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

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

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

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { ProgressBarProps } from './ProgressBar';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ProgressBarProps & React.RefAttributes<HTMLInputElement>>;
-export default _default;
-export declare const ProgressBar: {
-    (args: ProgressBarProps): React.ReactElement;
-    args: {
-        percent: number;
-        status: string;
-        size: string;
-    };
-};

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

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import { ProgressSize, ProgressStatus } from './constants';
-export interface ProgressCircleProps {
-    /**
-     * The CSS class for container
-     */
-    className?: string;
-    /**
-     * Specify the value of current progress circle (0-100)
-     */
-    progressValue: number;
-    /**
-     * Specify the progress circle status
-     */
-    status?: ProgressStatus;
-    /**
-     * Specify the progress circle size
-     */
-    size?: ProgressSize;
-}
-export declare const ProgressCircle: React.ExoticComponent<ProgressCircleProps & React.RefAttributes<HTMLInputElement>>;

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

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

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

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { ProgressCircleProps } from './ProgressCircle';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ProgressCircleProps & React.RefAttributes<HTMLInputElement>>;
-export default _default;
-export declare const ProgressCircle: {
-    (args: ProgressCircleProps): React.ReactElement;
-    args: {
-        progressValue: number;
-        status: string;
-        size: string;
-    };
-};

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

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

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

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

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

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

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

@@ -1,40 +0,0 @@
-import * as React from 'react';
-export interface PromoBannerProps {
-    /**
-     * Specify an optional className to be applied to the container node
-     */
-    className?: string;
-    /**
-     * Set the primary button text
-     */
-    buttonText?: string;
-    /**
-     * Set the header text
-     */
-    header: string;
-    /**
-     * Set the image source to display it
-     */
-    img?: string;
-    /**
-     * Specify whether the banner should use a light-themed design
-     */
-    light?: boolean;
-    /**
-     * Set the link button text
-     */
-    linkText?: string;
-    /**
-     * Event handler for primary button press
-     */
-    onButtonClick?: () => void;
-    /**
-     * Event handler for close button press
-     */
-    onClose?: () => void;
-    /**
-     * Event handler for link button press
-     */
-    onLinkClick?: () => void;
-}
-export declare const PromoBanner: React.FC<React.PropsWithChildren<PromoBannerProps>>;

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

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

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

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { PromoBannerProps } from './PromoBanner';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PromoBannerProps & {
-    children?: React.ReactNode;
-}>;
-export default _default;
-export declare const PromoBanner: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PromoBannerProps>;
-export declare const WithButtons: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PromoBannerProps>;
-export declare const WithImage: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PromoBannerProps>;
-export declare const WithClose: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PromoBannerProps>;
-export declare const WithLight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PromoBannerProps>;

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

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

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

@@ -1,7 +0,0 @@
-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/components/RadioButton/RadioButton.spec.d.ts

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

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

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { RadioButtonProps } from './RadioButton';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, RadioButtonProps & React.RefAttributes<HTMLInputElement>>;
-export default _default;
-export declare const RadioButton: {
-    ({ children, ...args }: RadioButtonProps): React.ReactElement;
-    args: {
-        checked: boolean;
-        disabled: boolean;
-        description: string;
-        children: string;
-    };
-};

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

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

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

@@ -1,36 +0,0 @@
-import * as React from 'react';
-export interface ISearchInputProps {
-    /**
-     * Makes search expandable after focusing the icon
-     */
-    isCollapsable?: boolean;
-    /**
-     * Specify whether the search should be disabled
-     */
-    isDisabled?: boolean;
-    /**
-     * Specify whether the search should have loader visible
-     */
-    isLoading?: boolean;
-    /**
-     * Optional text for placeholder
-     */
-    placeholder?: string;
-    /**
-     * Specify the search size
-     */
-    size?: 'compact' | 'medium' | 'large';
-    /**
-     * Specify the search value
-     */
-    value: string;
-    /**
-     * Specify an optional className to be applied to the container node
-     */
-    className?: string;
-    /**
-     * The event handler for onChange
-     */
-    onChange: (value: string) => void;
-}
-export declare const SearchInput: React.FC<ISearchInputProps>;

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

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

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

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { ISearchInputProps } from './Search';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ISearchInputProps & {
-    children?: React.ReactNode;
-}>;
-export default _default;
-export declare const Search: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ISearchInputProps>;
-export declare const States: {
-    (args: ISearchInputProps): React.ReactElement;
-    args: {};
-};
-export declare const Sizes: {
-    (args: ISearchInputProps): React.ReactElement;
-    args: {};
-};
-export declare const CollapsableSearch: {
-    (args: ISearchInputProps): React.ReactElement;
-    args: {};
-};

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

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

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

@@ -1,39 +0,0 @@
-import * as React from 'react';
-import { ButtonProps } from '../Button';
-export type ButtonSize = 'compact' | 'medium' | 'large';
-type ButtonElement = {
-    id: string;
-    label: string;
-} & Pick<ButtonProps, 'disabled' | 'loading' | 'icon'>;
-export interface SegmentedControlProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Specify an optional className to be applied to the container node
-     */
-    className?: string;
-    /**
-     * Array of buttons
-     */
-    buttons: ButtonElement[];
-    /**
-     * Set to make buttons fill the container if there is free space
-     */
-    fullWidth?: boolean;
-    /**
-     * Specify the buttons size
-     */
-    size?: ButtonSize;
-    /**
-     * Id of initially selected button
-     */
-    initialId?: string;
-    /**
-     * Id of current selected button
-     */
-    currentId?: string;
-    /**
-     * Handler for onClick on specific button
-     */
-    onButtonClick?: (id: string, event: React.MouseEvent<HTMLElement>) => void;
-}
-export declare const SegmentedControl: React.FC<SegmentedControlProps>;
-export {};

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

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

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

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { Story } from '@storybook/react';
-import { SegmentedControlProps } from './SegmentedControl';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, SegmentedControlProps & {
-    children?: React.ReactNode;
-}>;
-export default _default;
-export declare const Default: Story<SegmentedControlProps>;
-export declare const Uncontrolled: Story<SegmentedControlProps>;

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

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

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

@@ -1,47 +0,0 @@
-import * as React from 'react';
-export declare const baseClass = "switch";
-export type SwitchSize = 'compact' | 'medium' | 'large';
-export type SwitchState = 'regular' | 'loading' | 'locked';
-export interface SwitchProps {
-    /**
-     * Specify the label for the switch input
-     */
-    ariaLabel?: string;
-    /**
-     * The CSS class for switch container
-     */
-    className?: string;
-    /**
-     * Will set the switch to "on" on component initialization
-     */
-    defaultOn?: boolean;
-    /**
-     * Specify whether the switch should be disabled
-     */
-    disabled?: boolean;
-    /**
-     * Ref object
-     */
-    innerRef?: React.LegacyRef<HTMLInputElement> | undefined;
-    /**
-     * Specify the switch input name
-     */
-    name?: string;
-    /**
-     * Define if switch is "on"
-     */
-    on?: boolean;
-    /**
-     * The event handler for onChange
-     */
-    onChange?(e: React.FormEvent, value: boolean): void;
-    /**
-     * Specify the switch size
-     */
-    size?: SwitchSize;
-    /**
-     * Specify the switch state
-     */
-    state?: SwitchState;
-}
-export declare const Switch: React.FC<SwitchProps>;

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

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