@livechat/design-system-react-components 2.15.2 → 2.17.0

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

@@ -12,5 +12,9 @@ export interface CheckboxProps extends React.HTMLAttributes<HTMLInputElement> {
      * Set the checkbox description
      */
     description?: React.ReactNode;
+    /**
+     * Specify whether the checkbox should be in indeterminate state
+     */
+    indeterminate?: boolean;
 }
 export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -2,7 +2,7 @@ import { ReactElement } from 'react';
 import { IRangeDatePickerProps } from './types';
 
 export declare const RangeDatePicker: {
-    ({ options, initialSelectedItemKey, initialFromDate, initialToDate, toMonth, onChange, onSelect, children, }: IRangeDatePickerProps): ReactElement;
+    ({ options, initialSelectedItemKey, initialFromDate, initialToDate, customTempFromDate, customTempToDate, toMonth, today, onChange, onRangeSelect, onSelect, onCustomTempDateRangeChange, children, }: IRangeDatePickerProps): ReactElement;
     defaultProps: {
         options: {
             id: string;

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

@@ -5,6 +5,6 @@ export declare const isDateWithinRange: (date: Date, range: {
     to?: Date;
 }) => boolean;
 export declare const calculateDatePickerMonth: (initialFromDate?: Date, initialToDate?: Date, toMonth?: Date) => Date;
-export declare const getSelectedOption: (itemId: string | null, options: IRangeDatePickerOption[]) => IRangeDatePickerOption | undefined;
+export declare const getSelectedOption: (itemId: string | null, options?: IRangeDatePickerOption[]) => IRangeDatePickerOption | undefined;
 export declare const isSelectingFirstDay: (from?: Date, to?: Date) => boolean;
 export declare const getInitialStateFromProps: (props: IRangeDatePickerProps) => Partial<IRangeDatePickerState>;

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

@@ -19,7 +19,8 @@ export declare enum RangeDatePickerAction {
     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"
+    CURRENT_MONTH_CHANGE = "CURRENT_MONTH_CHANGE",
+    SET_CUSTOM_TEMP_RANGE = "SET_CUSTOM_TEMP_RANGE"
 }
 export type IRangeDatePickerReducerAction = {
     type: RangeDatePickerAction.NEW_SELECTED_ITEM;
@@ -36,6 +37,12 @@ export type IRangeDatePickerReducerAction = {
     payload: {
         date?: Date;
     };
+} | {
+    type: RangeDatePickerAction.SET_CUSTOM_TEMP_RANGE;
+    payload: {
+        customTempFrom?: Date;
+        customTempTo?: Date;
+    };
 };
 export interface IRangeDatePickerState {
     selectedItem: string | null;
@@ -44,6 +51,8 @@ export interface IRangeDatePickerState {
     temporaryFrom?: Date;
     temporaryTo?: Date;
     currentMonth: Date;
+    customTempFrom?: Date;
+    customTempTo?: Date;
 }
 export type RangeDatePickerReducer = Reducer<IRangeDatePickerState, IRangeDatePickerReducerAction>;
 export interface IRangeDatePickerOption {
@@ -67,13 +76,30 @@ export interface IRangeDatePickerChildrenPayload {
     datepicker: DayPickerProps;
     selectedOption?: IRangeDatePickerOption;
 }
-export interface IRangeDatePickerProps {
+export interface IRangeDatePickerV1CoreProps {
+    onChange: (selected: IRangeDatePickerOption | null) => void;
     options: IRangeDatePickerOption[];
     initialSelectedItemKey?: string;
+    onRangeSelect?: never;
+    onCustomTempDateRangeChange?: never;
+    customTempFromDate?: never;
+    customTempToDate?: never;
+}
+export interface IRangeDatePickerV2CoreProps {
+    onRangeSelect: (selected: DateRange | null) => void;
+    onCustomTempDateRangeChange: (date: DateRange | undefined) => void;
+    customTempFromDate?: Date;
+    customTempToDate?: Date;
+    options?: never;
+    onChange?: never;
+    initialSelectedItemKey?: never;
+}
+export interface IRangeDatePickerCoreProps {
+    today?: Date;
     initialFromDate?: Date;
     initialToDate?: Date;
     toMonth?: Date;
-    onChange: (selected: IRangeDatePickerOption | null) => void;
     onSelect?: (selected: DateRange | null) => void;
     children(payload: IRangeDatePickerChildrenPayload): ReactElement;
 }
+export type IRangeDatePickerProps = IRangeDatePickerCoreProps & (IRangeDatePickerV1CoreProps | IRangeDatePickerV2CoreProps);

package/dist/components/EmptyState/EmptyState.d.ts

@@ -0,0 +1,3 @@
+import { IEmptyStateProps } from './types';
+
+export declare const EmptyState: ({ type, image, icon, title, description, actions, centered, }: IEmptyStateProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { EmptyState } from './EmptyState';
+export type { IEmptyStateProps } from './types';

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

@@ -0,0 +1,53 @@
+import { ReactNode } from 'react';
+
+export type IEmptyStateProps = ({
+    /**
+     * Specify the empty state type
+     */
+    type?: 'full';
+    /**
+     * The empty state description text or element
+     */
+    description?: string | ReactNode;
+} | {
+    /**
+     * Specify the empty state type
+     */
+    type: 'inline';
+    /**
+     * Description is not available in inline type
+     */
+    description?: never;
+    /**
+     * Image is not available in inline type
+     */
+    image?: never;
+}) & {
+    /**
+     * The empty state title
+     */
+    title: string;
+    /**
+     * Optional actions to be displayed
+     */
+    actions?: ReactNode;
+    /**
+     * Set to center the content
+     */
+    centered?: boolean;
+} & ({
+    /**
+     * The URL of the empty state image
+     */
+    image?: string;
+    icon?: never;
+} | {
+    image?: never;
+    /**
+     * The icon element to be displayed
+     */
+    icon?: ReactNode;
+} | {
+    image?: never;
+    icon?: never;
+});

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

@@ -28,7 +28,6 @@ export interface IChecklistItemProps {
 export interface ICheckListItem extends Omit<IChecklistItemProps, 'placeholder'> {
     isActive: boolean;
     isChecked: boolean;
-    isLastElement: boolean;
     onClick: (id: string) => void;
 }
 export type ICompletionMessageDataProps = {

package/dist/components/RangeDatePickerV2/RangeDatePickerV2.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IRangeDatePickerV2Props } from './types';
+
+export declare const RangeDatePickerV2: FC<IRangeDatePickerV2Props>;

package/dist/components/RangeDatePickerV2/components/RangeDatePickerV2Label.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { DateRange } from 'react-day-picker';
+
+interface IRangeDatePickerV2LabelProps {
+    tempDate?: DateRange;
+    date?: DateRange;
+}
+export declare const RangeDatePickerV2Label: FC<IRangeDatePickerV2LabelProps>;
+export {};

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

@@ -0,0 +1,15 @@
+import { DateRange } from 'react-day-picker';
+import { RANGE_DATE_PICKER_OPTION_ID } from './types';
+
+type RangeDatePickerSelectOptions = {
+    id: RANGE_DATE_PICKER_OPTION_ID;
+    label: string;
+    value: {
+        from: Date;
+        to: Date;
+    };
+};
+export declare const OPTIONS: RangeDatePickerSelectOptions[];
+type IsSameDate = (range?: DateRange, date?: DateRange) => boolean;
+export declare const isSameDate: IsSameDate;
+export {};

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

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

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

@@ -0,0 +1,11 @@
+import { DateRange } from 'react-day-picker';
+import { IRangeDatePickerCoreProps } from '../DatePicker/types';
+
+export type RANGE_DATE_PICKER_OPTION_ID = 'today' | 'yesterday' | 'last7days' | 'last30days' | 'lastMonth' | 'currentMonth';
+export interface IRangeDatePickerV2Props extends Omit<IRangeDatePickerCoreProps, 'children'> {
+    triggerClassName?: string;
+    rangeDatePickerClassName?: string;
+    initiallyOpen?: boolean;
+    initialSelectedOptionId?: RANGE_DATE_PICKER_OPTION_ID;
+    onRangeSelect: (selected: DateRange | null, id?: RANGE_DATE_PICKER_OPTION_ID) => void;
+}

package/dist/foundations/design-token.d.ts

@@ -372,5 +372,21 @@ export declare const DesignToken: {
     ContentBasicPlaceholder: string;
     InputPromoBorderDefault: string;
     InputPromoBorderHover: string;
+    SurfaceAiCopilotBasicDefault: string;
+    SurfaceAiCopilotBasicHover: string;
+    SurfaceAiCopilotBasicActive: string;
+    SurfaceAiCopilotInvert01: string;
+    SurfaceAiCopilotInvert02: string;
+    SurfaceAiOther01Default: string;
+    SurfaceAiOther01Hover: string;
+    SurfaceAiOther01Active: string;
+    SurfaceAiOther02Default: string;
+    BorderAiCopilotBasicDefault: string;
+    BorderAiCopilotBasicHover: string;
+    BorderAiCopilotBasicActive: string;
+    BorderAiOther01: string;
+    ContentAiCopilotBasic: string;
+    ContentAiCopilotInvert: string;
+    ContentAiOther1Default: string;
 };
 export type DesignTokenKey = keyof typeof DesignToken;

package/dist/foundations/shadow-token.d.ts

@@ -22,5 +22,12 @@ export declare const ShadowToken: {
     FixedLeft: string;
     FixedTop: string;
     FixedBottom: string;
+    ShadowAiCopilotAnimationStart: string;
+    ShadowAiCopilotAnimationMedium1: string;
+    ShadowAiCopilotAnimationMedium2: string;
+    ShadowAiCopilotAnimationMedium3: string;
+    ShadowAiCopilotAnimationEnd: string;
+    ShadowAiOtherFloat: string;
+    ShadowAiOtherActiveField: string;
 };
 export type ShadowTokenKey = keyof typeof ShadowToken;