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

package/dist/components/Accordion/Accordion.d.ts

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

package/dist/components/Accordion/components/AccordionAnimatedLabel.d.ts

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

package/dist/components/Accordion/components/AccordionMultilineElement.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface IAccordionMultilineElementProps {
+    children: React.ReactNode;
+    isExpanded: boolean;
+}
+export declare const AccordionMultilineElement: React.FC<IAccordionMultilineElementProps>;

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { AccordionLabel } from './types';
+export declare const isLabelObject: (label: React.ReactNode | {
+    open: React.ReactNode;
+    closed: React.ReactNode;
+}) => label is {
+    open: React.ReactNode;
+    closed: React.ReactNode;
+};
+export declare const getLabel: (label: AccordionLabel, currentlyOpen: boolean) => React.ReactNode;

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

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

package/dist/components/Accordion/stories-helpers.d.ts

@@ -0,0 +1,3 @@
+import { IPickerListItem } from '../Picker';
+export declare const RULE_PICKER_OPTIONS: IPickerListItem[];
+export declare const TAGS_PICKER_OPTIONS: IPickerListItem[];

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

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import { ComponentCoreProps } from '../../utils/types';
+export type AccordionLabel = React.ReactNode | {
+    open: React.ReactNode;
+    closed: React.ReactNode;
+};
+export interface IAccordionProps extends ComponentCoreProps {
+    /**
+     * Specify the content of the accordion
+     */
+    children: React.ReactNode;
+    /**
+     * Specify the label of the accordion, single element or different for open and closed state
+     */
+    label: AccordionLabel;
+    /**
+     * Specify the multiline element, which will be displayed under the label
+     */
+    multilineElement?: React.ReactNode;
+    /**
+     * Specify the kind of the accordion
+     */
+    kind?: 'default' | 'warning' | 'error';
+    /**
+     * Specify if the accordion should be open on init
+     */
+    openOnInit?: boolean;
+    /**
+     * Set to control accordion state
+     */
+    isOpen?: boolean;
+    /**
+     * Optional handler called on accordion close
+     */
+    onClose?: () => void;
+    /**
+     * Optional handler called on accordion open
+     */
+    onOpen?: () => void;
+}
+export interface IAccordionAnimatedLabelProps {
+    open: React.ReactNode;
+    closed: React.ReactNode;
+    isOpen: boolean;
+}

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

@@ -58,5 +58,5 @@ export declare const Button: React.ForwardRefExoticComponent<{
     /**
      * Specify the place to render element given in `icon` prop
      */
-    iconPosition?: "right" | "left" | undefined;
+    iconPosition?: "left" | "right" | undefined;
 } & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-    bold: boolean;
+    bold?: boolean;
 }
 /**
  * Simple component which renders an `<a>` element.

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

@@ -12,6 +12,9 @@ export interface IPickerListProps {
     listElementsRef: React.MutableRefObject<(HTMLElement | null)[]>;
     activeIndex: number | null;
     selectedKeys: string[];
+    isPositioned: boolean;
+    searchDisabled: boolean;
+    onItemRemove: (key: string) => void;
     setPointer: (pointer: boolean) => void;
     onSelect: (key: string) => void;
     getFloatingProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;

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

@@ -18,5 +18,6 @@ export interface ITriggerBodyProps {
     virtualItemRef: React.MutableRefObject<HTMLElement | null>;
     isTriggerFocused: boolean;
     inputRef?: React.RefObject<HTMLInputElement>;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
 }
 export declare const PickerTriggerBody: React.FC<ITriggerBodyProps>;

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

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import { InputHTMLAttributes, ReactElement } from 'react';
 import { Placement, Strategy, UseClickProps, UseDismissProps } from '@floating-ui/react';
 import { VirtuosoProps } from 'react-virtuoso';
 import { Size } from '../../utils';
@@ -135,4 +135,8 @@ export interface IPickerProps extends ComponentCoreProps {
      * https://virtuoso.dev/virtuoso-api-reference/
      */
     virtuosoProps?: VirtuosoProps<IPickerListItem, unknown>;
+    /**
+     * Additional props for the input element
+     */
+    inputProps?: InputHTMLAttributes<HTMLInputElement> | Record<string, unknown>;
 }

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useAnimations } from './useAnimations';
+export { useHeightResizer } from './useHeightResizer';

package/dist/{components/AppFrame/hooks/useAppFrameAnimations.d.ts → hooks/useAnimations.d.ts}

@@ -1,12 +1,12 @@
 import * as React from 'react';
-interface UseAppFrameAnimationsProps {
+interface UseAnimationsProps {
     isVisible: boolean;
     elementRef: React.RefObject<HTMLDivElement>;
 }
-interface IUseAppFrameAnimations {
+interface IUseAnimations {
     isOpen: boolean;
     isMounted: boolean;
     setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
 }
-export declare const useAppFrameAnimations: ({ isVisible, elementRef, }: UseAppFrameAnimationsProps) => IUseAppFrameAnimations;
+export declare const useAnimations: ({ isVisible, elementRef, }: UseAnimationsProps) => IUseAnimations;
 export {};

package/dist/hooks/useHeightResizer.d.ts

@@ -0,0 +1,7 @@
+type NODE = HTMLDivElement | null;
+interface IUseResizer {
+    size: number;
+    handleResize: (node: NODE) => void;
+}
+export declare const useHeightResizer: () => IUseResizer;
+export {};