@ssa-ui-kit/core 1.0.9 → 1.0.11

package/dist/components/PieChart/PieChart.d.ts

@@ -1,2 +1,2 @@
 import { PieChartProps } from './types';
-export declare const PieChart: ({ data, as, className, title, children, ...chartProps }: PieChartProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const PieChart: ({ as, className, title, children, ...chartProps }: PieChartProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/PieChart/PieChartLegend.d.ts

@@ -1,2 +1,2 @@
 import { PieChartLegendProps } from './types';
-export declare const PieChartLegend: ({ data, colors, renderLabel, renderValue, markerStyles, currency, labelListStyles, valueListStyles, variant, }: PieChartLegendProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const PieChartLegend: ({ data, colors, backgroundColors, renderLabel, renderValue, markerStyles, currency, labelListStyles, valueListStyles, variant, }: PieChartLegendProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/PieChart/PieChartLegendMarker.d.ts

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

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

@@ -14,7 +14,8 @@ export type PieChartLegendItem = {
 };
 export interface PieChartLegendProps {
     data: Array<PieChartLegendItem>;
-    colors: Array<keyof MainColors>;
+    colors?: Array<keyof MainColors>;
+    backgroundColors?: Array<string>;
     renderValue?: (item: PieChartLegendItem) => NonNullable<React.ReactNode>;
     renderLabel?: (item: PieChartLegendItem) => NonNullable<React.ReactNode>;
     className?: string;

package/dist/components/SegmentedPieChart/SegmentedPieChart.d.ts

@@ -0,0 +1,2 @@
+import { SegmentedPieChartProps } from './types';
+export declare const SegmentedPieChart: ({ data, pieChartProps, pieChartLegendProps, legendBackgrounds, pieChartColors, currency, otherLabel, }: SegmentedPieChartProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/SegmentedPieChart/colorPalettes.d.ts

@@ -0,0 +1,2 @@
+export declare const defaultLegendBackgrounds: string[];
+export declare const defaultPieChartColors: string[][];

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

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

package/dist/components/SegmentedPieChart/stories/fixtures.d.ts

@@ -0,0 +1,3 @@
+import { BalanceData } from '../types';
+export declare const balanceData: BalanceData;
+export declare const balanceMissedPartsData: BalanceData;

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

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import { CommonProps } from '../../types/emotion';
+import { MayHaveLabel } from '@nivo/pie';
+import { PieChartLegend, PieChartProps } from '../index';
+type BalanceDataPartsItem = {
+    label: string;
+    percentage: number;
+    value: number;
+};
+type BalanceDataItem = {
+    id: number;
+    value: number;
+    label: string;
+    percentage: number;
+    parts?: BalanceDataPartsItem[];
+};
+export type BalanceData = Array<BalanceDataItem>;
+export interface SegmentedPieChartProps extends CommonProps {
+    data: BalanceData;
+    pieChartProps?: Partial<PieChartProps>;
+    pieChartLegendProps?: Partial<React.ComponentProps<typeof PieChartLegend>>;
+    legendBackgrounds?: string[];
+    pieChartColors?: string[][];
+    currency?: string;
+    otherLabel?: string;
+}
+export interface BalanceDataForGraph extends MayHaveLabel {
+    mainLabel: string;
+    mainPercentage: number;
+    partLabel?: string;
+    partPercentage?: number;
+    id: number | string;
+    mainId: number;
+    value: number | string;
+    color: string;
+}
+export {};

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

@@ -32,7 +32,6 @@ export declare const TypeaheadContext: React.Context<{
     handleInputChange: React.ChangeEventHandler<HTMLInputElement>;
     handleInputClick: React.MouseEventHandler<HTMLInputElement>;
     handleInputKeyDown: React.KeyboardEventHandler<HTMLInputElement>;
-    handleInputBlur: React.FocusEventHandler<HTMLInputElement> | undefined;
     handleSelectedClick: React.MouseEventHandler<HTMLDivElement>;
     handleRemoveSelectedClick: (selectedItem: string | number) => React.MouseEventHandler<HTMLButtonElement>;
 }>;

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, initialSelectedItems, isOpen, isDisabled, isMultiple, children, className, startIcon, endIcon, error, success, helperText, validationSchema, placeholder, startIconClassName, endIconClassName, optionsClassName, wrapperClassName, width, setValue, register, onChange, onBlur, renderOption, }: TypeaheadProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const Typeahead: ({ name, label, initialSelectedItems, isOpen, isDisabled, isMultiple, children, className, startIcon, endIcon, error, success, helperText, validationSchema, placeholder, startIconClassName, endIconClassName, optionsClassName, wrapperClassName, width, setValue, register, onChange, onEmptyChange, renderOption, }: TypeaheadProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

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

@@ -27,14 +27,14 @@ export interface TypeaheadProps {
     setValue?: UseFormSetValue<FieldValues>;
     register?: UseFormReturn['register'];
     onChange?: (selectedItem: TypeaheadValue, isSelected: boolean) => void;
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onEmptyChange?: (isEmpty?: boolean) => void;
     renderOption?: (data: {
         value: string | number;
         input: string;
         label: string;
     }) => React.ReactNode;
 }
-export type UseTypeaheadProps = Pick<TypeaheadProps, 'initialSelectedItems' | 'isDisabled' | 'children' | 'isMultiple' | 'onChange' | 'onBlur' | 'renderOption' | 'isOpen' | 'className' | 'startIcon' | 'endIcon' | 'startIconClassName' | 'endIconClassName' | 'name' | 'register' | 'setValue' | 'validationSchema' | 'error' | 'success' | 'placeholder'>;
+export type UseTypeaheadProps = Pick<TypeaheadProps, 'initialSelectedItems' | 'isDisabled' | 'children' | 'isMultiple' | 'onChange' | 'onEmptyChange' | 'renderOption' | 'isOpen' | 'className' | 'startIcon' | 'endIcon' | 'startIconClassName' | 'endIconClassName' | 'name' | 'register' | 'setValue' | 'validationSchema' | 'error' | 'success' | 'placeholder'>;
 export interface TypeaheadItemsListProps extends CommonProps {
     children?: React.ReactNode;
     noItemsMessage?: string;

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

@@ -1,6 +1,6 @@
 import React, { MouseEventHandler } from 'react';
 import { UseTypeaheadProps } from './types';
-export declare const useTypeahead: ({ name, isOpen: isInitOpen, initialSelectedItems, isDisabled, isMultiple, children, className, startIcon, endIcon, startIconClassName, endIconClassName, validationSchema, error, success, placeholder, register, setValue, onChange, onBlur, renderOption, }: UseTypeaheadProps) => {
+export declare const useTypeahead: ({ name, isOpen: isInitOpen, initialSelectedItems, isDisabled, isMultiple, children, className, startIcon, endIcon, startIconClassName, endIconClassName, validationSchema, error, success, placeholder, register, setValue, onChange, onEmptyChange, renderOption, }: UseTypeaheadProps) => {
     isOpen: boolean;
     isDisabled: boolean | undefined;
     optionsWithKey: Record<string | number, Record<string, string | number>>;
@@ -31,7 +31,6 @@ export declare const useTypeahead: ({ name, isOpen: isInitOpen, initialSelectedI
     handleInputChange: React.ChangeEventHandler<HTMLInputElement>;
     handleInputClick: React.MouseEventHandler<HTMLInputElement>;
     handleInputKeyDown: React.KeyboardEventHandler<HTMLInputElement>;
-    handleInputBlur: React.FocusEventHandler<HTMLInputElement> | undefined;
     handleSelectedClick: React.MouseEventHandler<HTMLDivElement>;
     handleRemoveSelectedClick: (selectedItem: number | string) => MouseEventHandler<HTMLButtonElement>;
 };

package/dist/components/index.d.ts

@@ -97,6 +97,7 @@ export * from './SearchBox';
 export * from './UserProfile';
 export * from './AddNewAccountCard';
 export * from './PieChart';
+export * from './SegmentedPieChart';
 export * from './CollapsibleNavBar';
 export * from './Filters';
 export * from './TableFilters';