@ssa-ui-kit/core 2.30.0 → 2.32.0-canary-b64be64-20251219

package/dist/components/PersonInfo/PersonInfoAvatar.d.ts

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

package/dist/components/PersonInfo/PersonInfoBadges.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PersonInfoStyles } from './types';
+interface PersonInfoBadgesProps {
+    badges: React.ReactNode | (string | React.ReactNode)[];
+    styles?: PersonInfoStyles;
+}
+export declare const PersonInfoBadges: React.FC<PersonInfoBadgesProps>;
+export {};

package/dist/components/PersonInfo/PersonInfoCounter.d.ts

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

package/dist/components/PersonInfo/PersonInfoIcon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { IconProps } from '../Icon/types';
+interface PersonInfoIconProps {
+    icon: IconProps['name'] | React.ReactNode;
+}
+export declare const PersonInfoIcon: React.FC<PersonInfoIconProps>;
+export {};

package/dist/components/PersonInfo/PersonInfoValue.d.ts

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

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

@@ -0,0 +1,9 @@
+import type { Theme } from '@emotion/react';
+type BadgeColorName = keyof MainColors;
+export declare const DEFAULT_BADGE_COLORS: Array<keyof MainColors>;
+interface BadgeColorConfig {
+    text: string;
+    bg: string;
+}
+export declare const BADGE_COLORS: (theme: Theme) => Record<BadgeColorName, BadgeColorConfig>;
+export {};

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

@@ -0,0 +1,11 @@
+export declare const getLinkAttributes: (link?: string, openLinkInNewTab?: boolean) => {
+    as: "a";
+    href: string | undefined;
+    target: string | undefined;
+    rel: string | undefined;
+} | {
+    as?: undefined;
+    href?: undefined;
+    target?: undefined;
+    rel?: undefined;
+};

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

@@ -0,0 +1,2 @@
+export * from './PersonInfo';
+export * from './types';

package/dist/components/PersonInfo/styles.d.ts

@@ -0,0 +1,71 @@
+import { Interpolation, Theme } from '@emotion/react';
+import { CommonProps } from '../../types/emotion';
+export declare const PersonInfoBase: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+} & CommonProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const PersonInfoHeader: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TitleWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Title: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Row: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TextBase: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ValueWithCounter: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Counter: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+} & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
+    theme?: Theme;
+}, {}, {}>;
+export declare const CounterTooltipContent: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CounterTooltipList: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AttributesList: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AvatarWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BadgeWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledBadge: import("@emotion/styled").StyledComponent<Omit<Omit<import("react").HTMLProps<HTMLDivElement>, "size"> & import("../Badge/types").BadgeProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: Theme;
+}, {}, {}>;
+export declare const CustomBadge: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+} & {
+    colorName: keyof MainColors;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const personInfoValueLinkStyles: Interpolation<Theme>;
+export declare const avatarWrapperLinkStyles: Interpolation<Theme>;

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

@@ -0,0 +1,48 @@
+import { ReactNode } from 'react';
+import { Interpolation, Theme } from '@emotion/react';
+import { CommonProps } from '../../types/emotion';
+import { IconProps } from '../Icon/types';
+import { getLinkAttributes } from './helpers';
+type PersonInfoStyleKeys = 'title' | 'avatarName' | 'counter' | 'attributes' | 'badge' | 'badgeItem' | 'value' | 'description';
+export type PersonInfoStyles = Partial<Record<PersonInfoStyleKeys, Interpolation<Theme>>>;
+export interface PersonInfoCounterTooltipUser {
+    id: string | number;
+    name: string;
+    avatar: string;
+    link?: string;
+    openLinkInNewTab?: boolean;
+}
+export interface PersonInfoCounterTooltip {
+    users: PersonInfoCounterTooltipUser[];
+}
+export type PersonInfoLinkAttributes = ReturnType<typeof getLinkAttributes>;
+export interface PersonInfoValueProps {
+    value: string;
+    css?: Interpolation<Theme>;
+    linkAttributes?: PersonInfoLinkAttributes;
+}
+export interface PersonInfoProps extends CommonProps {
+    title: string;
+    icon?: IconProps['name'] | ReactNode;
+    value?: string;
+    badges?: ReactNode | (string | ReactNode)[];
+    avatar?: string;
+    counterTooltip?: PersonInfoCounterTooltip;
+    attributes?: (string | ReactNode)[];
+    description?: string;
+    styles?: PersonInfoStyles;
+    link?: string;
+    openLinkInNewTab?: boolean;
+}
+export interface PersonInfoAvatarProps {
+    avatar?: string;
+    value?: string;
+    styles?: PersonInfoStyles;
+    link?: string;
+    openLinkInNewTab?: boolean;
+}
+export interface PersonInfoCounterProps {
+    counterTooltip?: PersonInfoCounterTooltip;
+    css?: PersonInfoStyles['counter'];
+}
+export {};

package/dist/components/TableFilters/hooks/useTableData.d.ts

@@ -2,7 +2,7 @@ import { BaseSyntheticEvent } from 'react';
 import { TableFilterConfig } from '../types';
 export interface UseTableDataParameters {
     initialState?: TableFilterConfig;
-    wrapperRef?: React.RefObject<HTMLElement>;
+    wrapperRef?: React.RefObject<HTMLElement | null>;
     updatedCheckboxData?: TableFilterConfig;
     handleCancel?: () => void;
     handleClear?: () => void;
@@ -15,8 +15,8 @@ export interface UseTableDataParameters {
 }
 export declare const useTableData: ({ initialState, wrapperRef, updatedCheckboxData, handleCancel, handleSubmit, handleClear, handleDropdownChange, }: UseTableDataParameters) => {
     checkboxData: TableFilterConfig;
-    wrapperRef: import("react").RefObject<HTMLElement> | undefined;
-    refsList: import("react").MutableRefObject<HTMLElement | null>[];
+    wrapperRef: import("react").RefObject<HTMLElement | null> | undefined;
+    refsList: import("react").RefObject<HTMLElement | null>[];
     setElementRef: (groupName: string, element: HTMLElement | null) => void;
     onCheckboxToggle: (groupName: string, name: string | number) => void;
     onDropdownChange: (groupName: string, name: string | number) => void;

package/dist/components/Tooltip/SimpleChartTooltip.d.ts

@@ -1,2 +1,3 @@
+import { LineSeries } from '@nivo/line';
 import { SimpleChartTooltipProps } from './types';
-export declare const SimpleChartTooltip: ({ point, size, renderValue, }: SimpleChartTooltipProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SimpleChartTooltip: <Series extends LineSeries>({ point, size, renderValue, }: SimpleChartTooltipProps<Series>) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 import { useInteractions, FloatingArrow, Placement, UseFloatingReturn, OffsetOptions } from '@floating-ui/react';
-import { PointTooltipProps, Point } from '@nivo/line';
+import { PointTooltipProps, Point, LineSeries } from '@nivo/line';
 import { MapIconsType } from '../Icon/types';
 import { ProgressBarProps } from '../ProgressBar/types';
 import { SerializedStyles } from '@emotion/react';
@@ -12,6 +12,7 @@ export interface TooltipProps extends CommonProps {
     enableClick?: boolean;
     enableClientPoint?: boolean;
     offsetOptions?: OffsetOptions;
+    allowHoverContent?: boolean;
     size?: TooltipSize;
     hasArrow?: boolean;
     arrowProps?: TooltipArrowProps;
@@ -19,11 +20,11 @@ export interface TooltipProps extends CommonProps {
 }
 export type UseTooltipArgs = Omit<TooltipProps, 'children'>;
 type UseInteractions = ReturnType<typeof useInteractions>;
-interface MutableRefObject<T> {
+interface RefObject<T> {
     current: T;
 }
 export type UseTooltip = (props?: UseTooltipArgs) => Pick<TooltipProps, 'size' | 'hasArrow' | 'arrowProps'> & {
-    arrowRef: MutableRefObject<null>;
+    arrowRef: RefObject<null>;
     isOpen: boolean;
     setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
 } & UseFloatingReturn & UseInteractions;
@@ -47,8 +48,8 @@ export interface TooltipTriggerProps {
     children: React.ReactNode;
     className?: string;
 }
-export type SimpleChartTooltipProps = PointTooltipProps & Pick<TooltipProps, 'size'> & {
-    renderValue?: (data: Point['data']) => React.ReactNode;
+export type SimpleChartTooltipProps<Series extends LineSeries> = PointTooltipProps<Series> & Pick<TooltipProps, 'size'> & {
+    renderValue?: (data: Point<Series>['data']) => React.ReactNode;
 };
 export interface ProgressChartTooltipProps {
     caption: string;

package/dist/components/TooltipTrigger/TooltipTrigger.d.ts

@@ -1,3 +1,3 @@
 import { TooltipTriggerProps } from '../Tooltip/types';
-declare const TooltipTrigger: ({ children, className }: TooltipTriggerProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+declare const TooltipTrigger: ({ children, className }: TooltipTriggerProps) => import("react").ReactElement<TooltipTriggerProps, string | import("react").JSXElementConstructor<any>> | null;
 export default TooltipTrigger;

package/dist/components/Typeahead/Typeahead.context.d.ts

@@ -6,11 +6,11 @@ export declare const TypeaheadContext: React.Context<{
     isDisabled: boolean | undefined;
     optionsWithKey: Record<string | number, import("./types").TypeaheadOptionProps>;
     selectedItems: import("./types").TypeaheadValue[];
-    inputRef: React.RefObject<HTMLInputElement>;
+    inputRef: React.RefObject<HTMLInputElement | null>;
     firstSuggestion: string;
     isMultiple: boolean | undefined;
     typeaheadId: string;
-    triggerRef: React.RefObject<HTMLDivElement>;
+    triggerRef: React.RefObject<HTMLDivElement | null>;
     className: string | undefined;
     startIcon: React.ReactNode;
     endIcon: React.ReactNode;
@@ -23,8 +23,8 @@ export declare const TypeaheadContext: React.Context<{
     status: "error" | "success" | "basic";
     error: import("react-hook-form").FieldError | import("react-hook-form").Merge<import("react-hook-form").FieldError, import("react-hook-form").FieldErrorsImpl<any>> | undefined;
     placeholder: string | null | undefined;
-    options: (React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null)[];
-    useFormResult: UseFormReturn<FieldValues, any, undefined>;
+    options: (React.ReactElement<any, string | React.JSXElementConstructor<any>> | null)[];
+    useFormResult: UseFormReturn<FieldValues, any, FieldValues>;
     register: import("react-hook-form").UseFormRegister<FieldValues>;
     setValue: import("react-hook-form").UseFormSetValue<FieldValues>;
     onChange: ((selectedItem: import("./types").TypeaheadValue, isSelected: boolean) => void) | undefined;

package/dist/components/Typeahead/components/TypeaheadOption.d.ts

@@ -1,2 +1,2 @@
 import { TypeaheadItemProps } from '../types';
-export declare const TypeaheadOption: ({ children, ...rest }: TypeaheadItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const TypeaheadOption: ({ children, avatar, ...rest }: TypeaheadItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Typeahead/styles.d.ts

@@ -18,6 +18,10 @@ export declare const TypeaheadItem: import("@emotion/styled").StyledComponent<{
 } & {
     isDisabled?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TypeaheadItemAvatar: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const TypeaheadItemLabel: import("@emotion/styled").StyledComponent<{
     theme?: Theme;
     as?: React.ElementType;
@@ -31,7 +35,6 @@ export declare const TypeaheadInputsGroupWrapper: import("@emotion/styled").Styl
     theme?: Theme;
     as?: React.ElementType;
 } & {
-    avatarSize?: number;
     direction?: string;
     alignItems?: string;
     fade?: boolean;

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

@@ -48,5 +48,6 @@ export interface TypeaheadItemProps extends CommonProps {
     value?: string | number;
     label?: string | number;
     children?: React.ReactNode;
+    avatar?: React.ReactNode;
     onClick?: (e: React.MouseEvent<HTMLElement>) => void;
 }

package/dist/components/Typeahead/useTypeahead.d.ts

@@ -6,11 +6,11 @@ export declare const useTypeahead: ({ name, isOpen: isInitOpen, selectedItems: p
     isDisabled: boolean | undefined;
     optionsWithKey: Record<string | number, TypeaheadOptionProps>;
     selectedItems: TypeaheadValue[];
-    inputRef: React.RefObject<HTMLInputElement>;
+    inputRef: React.RefObject<HTMLInputElement | null>;
     firstSuggestion: string;
     isMultiple: boolean | undefined;
     typeaheadId: string;
-    triggerRef: React.RefObject<HTMLDivElement>;
+    triggerRef: React.RefObject<HTMLDivElement | null>;
     className: string | undefined;
     startIcon: React.ReactNode;
     endIcon: React.ReactNode;
@@ -23,8 +23,8 @@ export declare const useTypeahead: ({ name, isOpen: isInitOpen, selectedItems: p
     status: "error" | "success" | "basic";
     error: import("react-hook-form").FieldError | import("react-hook-form").Merge<import("react-hook-form").FieldError, import("react-hook-form").FieldErrorsImpl<any>> | undefined;
     placeholder: string | null | undefined;
-    options: (React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null)[];
-    useFormResult: import("react-hook-form").UseFormReturn<import("react-hook-form").FieldValues, any, undefined>;
+    options: (React.ReactElement<any, string | React.JSXElementConstructor<any>> | null)[];
+    useFormResult: import("react-hook-form").UseFormReturn<import("react-hook-form").FieldValues, any, import("react-hook-form").FieldValues>;
     register: import("react-hook-form").UseFormRegister<import("react-hook-form").FieldValues>;
     setValue: import("react-hook-form").UseFormSetValue<import("react-hook-form").FieldValues>;
     onChange: ((selectedItem: TypeaheadValue, isSelected: boolean) => void) | undefined;

package/dist/components/UserProfile/styles.d.ts

@@ -8,7 +8,6 @@ export declare const AdditionalInfoWrapper: import("@emotion/styled").StyledComp
     theme?: Theme;
     as?: React.ElementType;
 } & {
-    avatarSize?: number;
     direction?: string;
     alignItems?: string;
     fade?: boolean;
@@ -21,7 +20,6 @@ export declare const CustomContentWrapper: import("@emotion/styled").StyledCompo
     theme?: Theme;
     as?: React.ElementType;
 } & {
-    avatarSize?: number;
     direction?: string;
     alignItems?: string;
     fade?: boolean;

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

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 export interface UserProfileProps {
     name: string;
     email: string;
-    trigger: string | JSX.Element;
+    trigger: string | React.JSX.Element;
     onClick: () => void;
     logOutText?: string;
     className?: string;

package/dist/components/WithLink.d.ts

@@ -4,4 +4,4 @@ export declare const WithLink: ({ link, onClick, children, className, }: {
     className?: string;
     onClick?: () => void;
     link?: To;
-}) => string | number | boolean | Iterable<import("react").ReactNode> | import("@emotion/react/jsx-runtime").JSX.Element | null | undefined;
+}) => string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("@emotion/react/jsx-runtime").JSX.Element | null | undefined;

package/dist/components/Wrapper/Wrapper.d.ts

@@ -3,7 +3,6 @@ declare const Wrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
-    avatarSize?: number;
     direction?: string;
     alignItems?: string;
     fade?: boolean;

package/dist/components/index.d.ts

@@ -68,11 +68,13 @@ export * from './AccordionGroup';
 export * from './AddNewAccountCard';
 export * from './ButtonGroup';
 export * from './CardList';
+export * from './Chip';
 export * from './Charts';
 export * from './Checkbox';
 export * from './CollapsibleNavBar';
 export * from './ColorPicker';
 export * from './DatePicker';
+export * from './PersonInfo';
 export * from './DateRangePicker';
 export * from './Drawer';
 export * from './Field';

package/dist/index.d.ts

@@ -8,3 +8,4 @@ export * as globalStyles from './styles/global';
 export * as styleUtils from './styles/safari-focus-outline';
 export * from './components';
 export * from './contexts';
+export * from './utils/react19HocCompat';