@ssa-ui-kit/core 2.13.1 → 2.15.0-canary-3fd3271-20250501

package/dist/components/Charts/RadarChart/RadarChart.d.ts

@@ -0,0 +1,17 @@
+import { ComponentProps } from 'react';
+import { ResponsiveRadar } from '@nivo/radar';
+import { WidgetCardProps } from '../../WidgetCard';
+export type RadarChartFeatures = 'header' | 'fullscreenMode';
+type ResponsiveRadarProps<D extends Record<string, unknown>> = ComponentProps<typeof ResponsiveRadar<D>>;
+export interface RadarChartProps<D extends Record<string, unknown>> extends Omit<ResponsiveRadarProps<D>, 'legends'> {
+    title?: string;
+    legends?: Partial<NonNullable<ResponsiveRadarProps<D>['legends']>[number]>[];
+    features?: RadarChartFeatures[];
+    widgetCardProps?: WidgetCardProps;
+}
+export declare const RadarChartComponent: <D extends Record<string, unknown>>({ title, widgetCardProps, features, ...radarProps }: RadarChartProps<D>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const RadarChart: {
+    (props: RadarChartProps<Record<string, unknown>>): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/Charts/RadarChart/components/RadarChartHeader.d.ts

@@ -0,0 +1,8 @@
+import { MustInclude } from '@ssa-ui-kit/utils';
+export declare const FullScreenButton: import("@emotion/styled").StyledComponent<import("../../../Button/types").ButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export interface RadarChartHeaderProps<T extends string[]> {
+    features: MustInclude<T, 'fullscreenMode'>;
+}
+export declare const RadarChartHeader: <F extends string[]>({ features, }: RadarChartHeaderProps<F>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Charts/RadarChart/components/RadarChartTooltip.d.ts

@@ -0,0 +1,5 @@
+import { RadarSliceTooltipProps } from '@nivo/radar';
+export interface RadarChartTooltipProps extends RadarSliceTooltipProps {
+    symbolSize?: number;
+}
+export declare const RadarChartTooltip: ({ data, symbolSize, }: RadarChartTooltipProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Charts/RadarChart/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './RadarChartHeader';
+export * from './RadarChartTooltip';

package/dist/components/Charts/RadarChart/index.d.ts

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

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

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const ExcelDownload: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "excel-download";

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

@@ -0,0 +1,3 @@
+import { SVGProps } from '../types';
+export declare const FilterFunnel: ({ fill, size, tooltip, ...props }: SVGProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ICON_NAME = "filter-funnel";

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

@@ -27,8 +27,10 @@ export * as Diet from './Diet';
 export * as Edit from './Edit';
 export * as Email from './Email';
 export * as Employee from './Employee';
+export * as ExcelDownload from './ExcelDownload';
 export * as Expertise from './Expertise';
 export * as Filter from './Filter';
+export * as FilterFunnel from './FilterFunnel';
 export * as Geography from './Geography';
 export * as Home from './Home';
 export * as Import from './Import';

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

@@ -1 +1 @@
-export declare const iconsList: ("visible" | "copy" | "circle" | "search" | "email" | "attention" | "archive" | "arrow-down" | "arrow-up" | "assessment" | "ban-user" | "bin" | "calendar" | "carrot-down" | "carrot-left" | "carrot-right" | "carrot-up" | "change" | "chart" | "check" | "check-circle" | "check-circle-inverted" | "circular" | "clock" | "cogwheel" | "company" | "confirm-email" | "cross" | "diet" | "edit" | "employee" | "expertise" | "filter" | "geography" | "home" | "import" | "information" | "invisible" | "language" | "lock" | "log-in" | "log-out" | "maximize" | "measurements" | "message" | "minus" | "minus-circle" | "minus-circle-inverted" | "more" | "more-vertical" | "notification" | "pages" | "plus" | "plus-circle" | "plus-circle-inverted" | "radio-on" | "report" | "robot" | "roles" | "settings" | "sleep" | "stats" | "time-tracking" | "trainings" | "unarchive" | "union" | "unlock" | "user" | "warning")[];
+export declare const iconsList: ("visible" | "copy" | "circle" | "search" | "email" | "attention" | "archive" | "arrow-down" | "arrow-up" | "assessment" | "ban-user" | "bin" | "calendar" | "carrot-down" | "carrot-left" | "carrot-right" | "carrot-up" | "change" | "chart" | "check" | "check-circle" | "check-circle-inverted" | "circular" | "clock" | "cogwheel" | "company" | "confirm-email" | "cross" | "diet" | "edit" | "employee" | "excel-download" | "expertise" | "filter" | "filter-funnel" | "geography" | "home" | "import" | "information" | "invisible" | "language" | "lock" | "log-in" | "log-out" | "maximize" | "measurements" | "message" | "minus" | "minus-circle" | "minus-circle-inverted" | "more" | "more-vertical" | "notification" | "pages" | "plus" | "plus-circle" | "plus-circle-inverted" | "radio-on" | "report" | "robot" | "roles" | "settings" | "sleep" | "stats" | "time-tracking" | "trainings" | "unarchive" | "union" | "unlock" | "user" | "warning")[];

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

@@ -44,6 +44,7 @@ export interface TooltipContentSizes {
 }
 export interface TooltipTriggerProps {
     children: React.ReactNode;
+    className?: string;
 }
 export type SimpleChartTooltipProps = PointTooltipProps & Pick<TooltipProps, 'size'> & {
     renderValue?: (data: Point['data']) => React.ReactNode;

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

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

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

@@ -4,13 +4,13 @@ import { UseTypeaheadResult } from './useTypeahead';
 export declare const TypeaheadContext: React.Context<{
     isOpen: boolean;
     isDisabled: boolean | undefined;
-    optionsWithKey: Record<string | number, Record<string, string | number>>;
-    selectedItems: (string | number)[];
+    optionsWithKey: Record<string | number, import("./types").TypeaheadOptionProps>;
+    selectedItems: import("./types").TypeaheadValue[];
     inputRef: React.RefObject<HTMLInputElement>;
     firstSuggestion: string;
     isMultiple: boolean | undefined;
     typeaheadId: string;
-    triggerRef: React.MutableRefObject<HTMLDivElement | null>;
+    triggerRef: React.RefObject<HTMLDivElement>;
     className: string | undefined;
     startIcon: React.ReactNode;
     endIcon: React.ReactNode;
@@ -21,18 +21,18 @@ export declare const TypeaheadContext: React.Context<{
     inputValue: string;
     validationSchema: Record<string, unknown> | undefined;
     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<any, string | React.JSXElementConstructor<any>>[] | undefined;
+    options: (React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null)[];
     useFormResult: UseFormReturn<FieldValues, any, undefined>;
-    register: import("react-hook-form").UseFormRegister<FieldValues> | undefined;
-    setValue: import("react-hook-form").UseFormSetValue<FieldValues> | undefined;
-    handleChange: (changingValue?: string | number) => void;
-    handleClearAll: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-    handleOpenChange: (open: boolean) => void;
-    handleInputChange: React.ChangeEventHandler<HTMLInputElement>;
+    register: import("react-hook-form").UseFormRegister<FieldValues>;
+    setValue: import("react-hook-form").UseFormSetValue<FieldValues>;
+    onChange: ((selectedItem: import("./types").TypeaheadValue, isSelected: boolean) => void) | undefined;
+    handleClearAll: (e: React.MouseEvent) => void;
+    handleOpenChange: (open: boolean, event: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
+    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     handleInputClick: React.MouseEventHandler<HTMLInputElement>;
     handleInputKeyDown: React.KeyboardEventHandler<HTMLInputElement>;
-    handleSelectedClick: React.MouseEventHandler<HTMLDivElement>;
-    handleRemoveSelectedClick: (selectedItem: number | string) => React.MouseEventHandler<HTMLButtonElement>;
+    handleRemoveSelectedClick: (value: string | number) => (e: React.MouseEvent) => void;
 }>;
 export declare const useTypeaheadContext: () => UseTypeaheadResult;

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

@@ -8,4 +8,4 @@ import { TypeaheadProps } from './types';
  * Aria attributes are set according to
  * https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
  **/
-export declare const Typeahead: ({ name, label, selectedItems, isOpen, isDisabled, isMultiple, children, className, startIcon, endIcon, error, success, helperText, validationSchema, placeholder, startIconClassName, endIconClassName, optionsClassName, wrapperClassName, width, setValue, register, onChange, onEmptyChange, onClearAll, onRemoveSelectedClick, renderOption, }: TypeaheadProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Typeahead: ({ name, label, selectedItems, defaultSelectedItems, isOpen, isDisabled, isMultiple, children, className, startIcon, endIcon, error, success, helperText, validationSchema, placeholder, startIconClassName, endIconClassName, optionsClassName, wrapperClassName, width, onChange, onEmptyChange, onClearAll, onRemoveSelectedClick, renderOption, }: TypeaheadProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,10 @@
 import { CommonProps } from '../../types/emotion';
-import { FieldError, FieldValues, UseFormReturn, UseFormSetValue } from 'react-hook-form';
+import { FieldError } from 'react-hook-form';
 export type TypeaheadValue = string | number;
 export type TypeaheadOptionProps = Record<string, TypeaheadValue>;
 export interface TypeaheadProps {
     selectedItems?: Array<TypeaheadValue>;
+    defaultSelectedItems?: Array<TypeaheadValue>;
     isMultiple?: boolean;
     isDisabled?: boolean;
     children?: React.ReactNode;
@@ -23,8 +24,8 @@ export interface TypeaheadProps {
     success?: boolean;
     validationSchema?: Record<string, unknown>;
     placeholder?: string | null;
-    setValue?: UseFormSetValue<FieldValues>;
-    register?: UseFormReturn['register'];
+    filterOptions?: boolean;
+    autoSelect?: boolean;
     onChange?: (selectedItem: TypeaheadValue, isSelected: boolean) => void;
     onClearAll?: () => void;
     onRemoveSelectedClick?: (selectedItem: TypeaheadValue) => void;
@@ -35,7 +36,7 @@ export interface TypeaheadProps {
         label: string;
     }) => React.ReactNode;
 }
-export type UseTypeaheadProps = Pick<TypeaheadProps, 'selectedItems' | 'isDisabled' | 'children' | 'isMultiple' | 'onChange' | 'onClearAll' | 'onRemoveSelectedClick' | 'onEmptyChange' | 'renderOption' | 'isOpen' | 'className' | 'startIcon' | 'endIcon' | 'startIconClassName' | 'endIconClassName' | 'name' | 'register' | 'setValue' | 'validationSchema' | 'error' | 'success' | 'placeholder'>;
+export type UseTypeaheadProps = Pick<TypeaheadProps, 'selectedItems' | 'defaultSelectedItems' | 'isDisabled' | 'children' | 'isMultiple' | 'onChange' | 'onClearAll' | 'onRemoveSelectedClick' | 'onEmptyChange' | 'renderOption' | 'isOpen' | 'className' | 'startIcon' | 'endIcon' | 'startIconClassName' | 'endIconClassName' | 'name' | 'validationSchema' | 'error' | 'success' | 'placeholder' | 'filterOptions' | 'autoSelect'>;
 export interface TypeaheadItemsListProps extends CommonProps {
     children?: React.ReactNode;
     noItemsMessage?: string;

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

@@ -1,15 +1,16 @@
-import React, { MouseEventHandler } from 'react';
-import { UseTypeaheadProps } from './types';
-export declare const useTypeahead: ({ name, isOpen: isInitOpen, selectedItems, isDisabled, isMultiple, children, className, startIcon, endIcon, startIconClassName, endIconClassName, validationSchema, error, success, placeholder, register, setValue, onChange, onClearAll, onRemoveSelectedClick, onEmptyChange, renderOption, }: UseTypeaheadProps) => {
+import React from 'react';
+import { OpenChangeReason } from '@floating-ui/react';
+import { TypeaheadOptionProps, UseTypeaheadProps } from './types';
+export declare const useTypeahead: ({ name, isOpen: isInitOpen, selectedItems, defaultSelectedItems, isDisabled, isMultiple, children, className, startIcon, endIcon, startIconClassName, endIconClassName, validationSchema, error, success, placeholder, filterOptions, autoSelect, onChange, onClearAll, onRemoveSelectedClick, onEmptyChange, renderOption, }: UseTypeaheadProps) => {
     isOpen: boolean;
     isDisabled: boolean | undefined;
-    optionsWithKey: Record<string | number, Record<string, string | number>>;
-    selectedItems: (string | number)[];
+    optionsWithKey: Record<string | number, TypeaheadOptionProps>;
+    selectedItems: import("./types").TypeaheadValue[];
     inputRef: React.RefObject<HTMLInputElement>;
     firstSuggestion: string;
     isMultiple: boolean | undefined;
     typeaheadId: string;
-    triggerRef: React.MutableRefObject<HTMLDivElement | null>;
+    triggerRef: React.RefObject<HTMLDivElement>;
     className: string | undefined;
     startIcon: React.ReactNode;
     endIcon: React.ReactNode;
@@ -20,18 +21,18 @@ export declare const useTypeahead: ({ name, isOpen: isInitOpen, selectedItems, i
     inputValue: string;
     validationSchema: Record<string, unknown> | undefined;
     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<any, string | React.JSXElementConstructor<any>>[] | undefined;
+    options: (React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null)[];
     useFormResult: import("react-hook-form").UseFormReturn<import("react-hook-form").FieldValues, any, undefined>;
-    register: import("react-hook-form").UseFormRegister<import("react-hook-form").FieldValues> | undefined;
-    setValue: import("react-hook-form").UseFormSetValue<import("react-hook-form").FieldValues> | undefined;
-    handleChange: (changingValue?: string | number) => void;
-    handleClearAll: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-    handleOpenChange: (open: boolean) => void;
-    handleInputChange: React.ChangeEventHandler<HTMLInputElement>;
+    register: import("react-hook-form").UseFormRegister<import("react-hook-form").FieldValues>;
+    setValue: import("react-hook-form").UseFormSetValue<import("react-hook-form").FieldValues>;
+    onChange: ((selectedItem: import("./types").TypeaheadValue, isSelected: boolean) => void) | undefined;
+    handleClearAll: (e: React.MouseEvent) => void;
+    handleOpenChange: (open: boolean, event: Event, reason?: OpenChangeReason) => void;
+    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     handleInputClick: React.MouseEventHandler<HTMLInputElement>;
     handleInputKeyDown: React.KeyboardEventHandler<HTMLInputElement>;
-    handleSelectedClick: React.MouseEventHandler<HTMLDivElement>;
-    handleRemoveSelectedClick: (selectedItem: number | string) => MouseEventHandler<HTMLButtonElement>;
+    handleRemoveSelectedClick: (value: string | number) => (e: React.MouseEvent) => void;
 };
 export type UseTypeaheadResult = ReturnType<typeof useTypeahead>;