@ssa-ui-kit/core 1.1.7 → 1.1.9

package/dist/components/Charts/BarLineComplexChart/BarLIneComplexChart.context.d.ts

@@ -0,0 +1,3 @@
+import { BarLineComplexChartPContextProps, BarLineComplexChartPContextProviderProps } from './types';
+export declare const useBarLineComplexChartContext: () => BarLineComplexChartPContextProps;
+export declare const BarLineComplexChartContextProvider: ({ children, lineShape, maxVisibleBars, maxVisibleLines, data: initialData, }: BarLineComplexChartPContextProviderProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

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

@@ -0,0 +1,2 @@
+import { BarLineComplexChartProps } from './types';
+export declare const BarLineComplexChart: ({ data, lineShape, maxVisibleBars, maxVisibleLines, ...rest }: BarLineComplexChartProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/Charts/BarLineComplexChart/BarLineComplexChartInternal.d.ts

@@ -0,0 +1,2 @@
+import { BarLineComplexChartProps } from './types';
+export declare const BarLineComplexChartInternal: ({ width, height, ...props }: Omit<BarLineComplexChartProps, "data" | "lineShape" | "maxVisibleBars" | "maxVisibleLines" | "features" | "cardProps">) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/Charts/BarLineComplexChart/BarLineComplexChartTooltip.d.ts

@@ -0,0 +1,2 @@
+import { TooltipContentProps } from '../../Tooltip/types';
+export declare const BarLineComplexChartTooltip: import("react").ForwardRefExoticComponent<Omit<TooltipContentProps, "children"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Charts/BarLineComplexChart/__mock__/data.d.ts

@@ -0,0 +1,3 @@
+import { ChartItem } from '../types';
+export declare const mockData: ChartItem[];
+export declare const mockDataWithDifferentLineType: ChartItem[];

package/dist/components/Charts/BarLineComplexChart/colorPalette.d.ts

@@ -0,0 +1 @@
+export declare const colorPalette: string[];

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

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

package/dist/components/Charts/BarLineComplexChart/types.d.ts

@@ -0,0 +1,28 @@
+import { PlotParams } from 'react-plotly.js';
+import { PieChartProps } from '../PieChart';
+export type ChartItem = Plotly.Data & {
+    selected?: boolean;
+};
+export interface BarLineComplexChartProps extends Omit<PlotParams, 'layout'> {
+    layout?: PlotParams['layout'];
+    cardProps?: PieChartProps['cardProps'];
+    features?: Array<'header'>;
+    data: ChartItem[];
+    lineShape?: Plotly.ScatterLine['shape'];
+    width?: string;
+    height?: string;
+    maxVisibleBars?: number;
+    maxVisibleLines?: number;
+}
+export interface BarLineComplexChartPContextProps {
+    data: ChartItem[];
+    filteredData: ChartItem[];
+    lineShape?: Plotly.ScatterLine['shape'];
+    maxVisibleBars?: number;
+    maxVisibleLines?: number;
+    setFilteredData: React.Dispatch<React.SetStateAction<ChartItem[]>>;
+    setData: React.Dispatch<React.SetStateAction<ChartItem[]>>;
+}
+export interface BarLineComplexChartPContextProviderProps extends Pick<BarLineComplexChartProps, 'data' | 'lineShape' | 'maxVisibleBars' | 'maxVisibleLines'> {
+    children: React.ReactNode;
+}

package/dist/components/Charts/BarLineComplexChart/useChartInfo.d.ts

@@ -0,0 +1,10 @@
+import { MutableRefObject } from 'react';
+interface UseChartInfo {
+    (): {
+        transformedChartData: Plotly.Data[];
+        tooltipContentRef: MutableRefObject<HTMLDivElement | null>;
+        handleFilterClick: (gd: Plotly.PlotlyHTMLElement, ev: MouseEvent) => void;
+    };
+}
+export declare const useChartInfo: UseChartInfo;
+export {};

package/dist/components/{PieChart → Charts/PieChart}/PieChartLegendMarker.d.ts

@@ -1,4 +1,4 @@
-export declare const PieChartLegendMarker: import("@emotion/styled").StyledComponent<import("../Badge/types").BadgeProps & import("react").RefAttributes<HTMLDivElement> & {
+export declare const PieChartLegendMarker: import("@emotion/styled").StyledComponent<import("../../Badge/types").BadgeProps & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme;
 } & {
     background?: string;

package/dist/components/{PieChart → Charts/PieChart}/styles.d.ts

@@ -1,3 +1,3 @@
-export declare const PieChartButton: import("@emotion/styled").StyledComponent<import("../Button/types").ButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
+export declare const PieChartButton: import("@emotion/styled").StyledComponent<import("../../Button/types").ButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/dist/components/{PieChart → Charts/PieChart}/types.d.ts

@@ -1,6 +1,6 @@
 import { SerializedStyles } from '@emotion/react';
 import { ResponsivePie, MayHaveLabel } from '@nivo/pie';
-import { CommonProps, WidgetCardProps } from '../..';
+import { CommonProps, WidgetCardProps } from '../../..';
 export type PieChartFeatures = 'header' | 'fullscreenMode' | 'activeItemAnimation';
 export interface PieChartProps extends CommonProps, React.ComponentProps<typeof ResponsivePie> {
     title?: React.ReactNode;

package/dist/components/{SegmentedPieChart → Charts/SegmentedPieChart}/types.d.ts

@@ -1,6 +1,6 @@
-import { CommonProps } from '../../types/emotion';
-import { PieChartLegend, PieChartLegendItem, PieChartProps } from '../index';
-import { TooltipProps } from '../Tooltip/types';
+import { CommonProps } from '../../../types/emotion';
+import { PieChartLegend, PieChartLegendItem, PieChartProps } from '../../index';
+import { TooltipProps } from '../../Tooltip/types';
 type SegmentedDataMainInfo = {
     label: string;
     value: number;

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

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

package/dist/components/Charts/hooks/usePlotlyDefaultConfig.d.ts

@@ -0,0 +1,10 @@
+import { PlotParams } from 'react-plotly.js';
+interface UsePlotlyDefaultConfig {
+    (): {
+        layout: PlotParams['layout'];
+        config: PlotParams['config'];
+        emptyBar: PlotParams['data'][0];
+    };
+}
+export declare const usePlotlyDefaultConfig: UsePlotlyDefaultConfig;
+export {};

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

@@ -0,0 +1,3 @@
+export * from './PieChart';
+export * from './SegmentedPieChart';
+export * from './BarLineComplexChart';

package/dist/components/Input/InputStatusError.d.ts

@@ -2,4 +2,6 @@ export declare const InputError: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const InputStatusError: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const InputStatusError: ({ errorTooltip, }: {
+    errorTooltip?: string;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/Input/InputStatusSuccess.d.ts

@@ -2,4 +2,6 @@ export declare const InputSuccess: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const InputStatusSuccess: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const InputStatusSuccess: ({ successTooltip, }: {
+    successTooltip?: string;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

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

@@ -18,6 +18,8 @@ export interface InputProps extends Partial<Pick<UseFormReturn, 'register' | 'co
     endElement?: React.ReactElement;
     css?: Interpolation<Theme>;
     inputProps?: ExtendedInputProps;
+    errorTooltip?: string;
+    successTooltip?: string;
     onKeyUp?: KeyboardEventHandler<HTMLInputElement>;
     onStartElementClick?: (event: BaseSyntheticEvent) => void;
     onEndElementClick?: (event: BaseSyntheticEvent) => void;

package/dist/components/Pagination/Pagination.d.ts

@@ -1,3 +1,3 @@
 import { PaginationProps } from './types';
-declare const Pagination: ({ pagesCount, className, as, ariaLabel, isDisabled, pageNumberPlaceholder, isPageSettingVisible, isRowPerPageVisible, rowPerPageProps, manualPageNumberProps, }: PaginationProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const Pagination: ({ pagesCount, className, as, ariaLabel, isDisabled, pageNumberPlaceholder, errorTooltip, isPageSettingVisible, isPageFromCountVisible, isRowPerPageVisible, rowPerPageProps, manualPageNumberProps, }: PaginationProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default Pagination;

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

@@ -8,8 +8,10 @@ export interface PaginationProps extends CommonProps {
     pageNumberPlaceholder?: string;
     isPageSettingVisible?: boolean;
     isRowPerPageVisible?: boolean;
+    isPageFromCountVisible?: boolean;
     rowPerPageProps?: RowsPerPageDropdownProps;
     manualPageNumberProps?: InputProps;
+    errorTooltip?: string;
 }
 export interface PaginationButtonsProps {
     range: number[];

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

@@ -1,4 +1,4 @@
-import { useInteractions, FloatingArrow, Placement, UseFloatingReturn } from '@floating-ui/react';
+import { useInteractions, FloatingArrow, Placement, UseFloatingReturn, OffsetOptions } from '@floating-ui/react';
 import { PointTooltipProps, Point } from '@nivo/line';
 import { MapIconsType } from '../Icon/types';
 import { ProgressBarProps } from '../ProgressBar/types';
@@ -10,7 +10,7 @@ export interface TooltipProps extends CommonProps {
     placement?: Placement;
     enableHover?: boolean;
     enableClick?: boolean;
-    offsetPx?: number;
+    offsetOptions?: OffsetOptions;
     size?: TooltipSize;
     hasArrow?: boolean;
     arrowProps?: TooltipArrowProps;
@@ -24,10 +24,12 @@ interface MutableRefObject<T> {
 export type UseTooltip = (props: UseTooltipArgs) => Pick<TooltipProps, 'size' | 'hasArrow' | 'arrowProps'> & {
     arrowRef: MutableRefObject<null>;
     isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
 } & UseFloatingReturn & UseInteractions;
 export type TooltipContextType = (UseFloatingReturn & ReturnType<typeof useInteractions> & {
-    isOpen: boolean;
     arrowRef: React.Ref<SVGSVGElement>;
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
 } & Pick<TooltipProps, 'size' | 'hasArrow' | 'arrowProps'>) | null;
 export type TooltipArrowProps = Omit<React.ComponentProps<typeof FloatingArrow>, 'context'>;
 export interface TooltipContentProps {

package/dist/components/WidgetCard/WidgetCard.d.ts

@@ -1,2 +1,2 @@
 import { WidgetCardProps } from './types';
-export declare const WidgetCard: ({ title, className, wrapperClassName, contentClassName, headerClassName, headerContent, link, children, onClick, }: WidgetCardProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const WidgetCard: ({ title, className, wrapperClassName, contentClassName, headerClassName, headerContent, link, children, width, height, onClick, }: WidgetCardProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/WidgetCard/WidgetCardBase.d.ts

@@ -2,4 +2,6 @@ export declare const WidgetCardBase: import("@emotion/styled").StyledComponent<i
     theme?: import("@emotion/react").Theme;
 } & {
     isFullscreenMode?: boolean;
+    width?: string;
+    height?: string;
 }, {}, {}>;

package/dist/components/WidgetCard/WithWidgetCard.d.ts

@@ -1,4 +1,4 @@
-import { PieChartProps } from '../PieChart';
+import { PieChartProps } from '../Charts/PieChart';
 export declare const WithWidgetCard: ({ children, features, cardProps, }: {
     children: React.ReactNode;
 } & Pick<PieChartProps, "features" | "cardProps">) => string | number | boolean | import("react").ReactFragment | import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null | undefined;

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

@@ -8,5 +8,7 @@ export type WidgetCardProps = {
     headerContent?: React.ReactNode;
     link?: To;
     children?: React.ReactNode;
+    width?: string;
+    height?: string;
     onClick?: () => void;
 };

package/dist/components/index.d.ts

@@ -82,12 +82,11 @@ export * from './NavBar';
 export * from './NotificationCard';
 export * from './NotificationMenu';
 export * from './Pagination';
-export * from './PieChart';
+export * from './Charts';
 export * from './Popover';
 export * from './ProgressInfo';
 export * from './ResponsiveImage';
 export * from './SearchBox';
-export * from './SegmentedPieChart';
 export * from './Switch';
 export * from './TabBar';
 export * from './TableFilters';

package/dist/contexts/Translation/TranslationContext.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { JSONObject } from '../../types/json';
+import { TranslationContextContent } from './types';
+export declare const TranslationContext: import("react").Context<TranslationContextContent>;
+export declare const TranslationProvider: ({ children, defaultTranslations, }: {
+    children: ReactNode;
+    defaultTranslations?: JSONObject;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const useTranslation: () => TranslationContextContent;

package/dist/contexts/Translation/config.d.ts

@@ -0,0 +1,3 @@
+export declare const config: {
+    defaultLanguage: string;
+};

package/dist/contexts/Translation/index.d.ts

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

package/dist/contexts/Translation/types.d.ts

@@ -0,0 +1,8 @@
+import { Dispatch, SetStateAction } from 'react';
+import { JSONObject } from '../../types/json';
+export type TranslationContextContent = {
+    language: string;
+    t: (translationKey: string) => string;
+    setLanguage: Dispatch<SetStateAction<string>>;
+    setTranslations: Dispatch<SetStateAction<JSONObject>>;
+};

package/dist/contexts/index.d.ts

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

package/dist/index.d.ts

@@ -7,3 +7,4 @@ export { default as mainTheme } from './themes/main';
 export * as globalStyles from './styles/global';
 export * as styleUtils from './styles/safari-focus-outline';
 export * from './components';
+export * from './contexts';