@ssa-ui-kit/core 1.0.10 → 1.0.12

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

@@ -1,20 +1,21 @@
 /// <reference types="react" />
 import { SerializedStyles } from '@emotion/react';
-import { ResponsivePie } from '@nivo/pie';
+import { ResponsivePie, MayHaveLabel } from '@nivo/pie';
 import { CommonProps } from '../..';
 export interface PieChartProps extends CommonProps, React.ComponentProps<typeof ResponsivePie> {
     title?: React.ReactNode;
     children?: React.ReactNode;
 }
-export type PieChartLegendItem = {
+export interface PieChartLegendItem extends MayHaveLabel {
     id: string | number;
     value: string | number;
     label: string;
     [key: string | number | symbol]: unknown;
-};
+}
 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, totalAmount, totalDimension, legendValueRoundingDigits, legendPercentageRoundingDigits, showDimensions, showPercentage, }: 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/components/ChartTitle.d.ts

@@ -0,0 +1,4 @@
+export declare const ChartTitle: ({ totalAmount, totalDimension, }: {
+    totalAmount: number;
+    totalDimension: string;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

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

@@ -0,0 +1,5 @@
+import { MayHaveLabel, PieTooltipProps } from '@nivo/pie';
+export declare const ChartTooltip: ({ point, legendPercentageRoundingDigits, }: {
+    point: PieTooltipProps<MayHaveLabel>;
+    legendPercentageRoundingDigits: number;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

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

@@ -0,0 +1,2 @@
+import { LegendItemProps } from '../types';
+export declare const LegendItem: ({ label, legendLabel, percentage, legendValue, legendValueRoundingDigits, legendPercentageRoundingDigits, showDimensions, showPercentage, otherLabel, currency, }: LegendItemProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

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

@@ -0,0 +1,3 @@
+export * from './ChartTooltip';
+export * from './ChartTitle';
+export * from './LegendItem';

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

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

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

@@ -0,0 +1,5 @@
+import { BalanceDataForGraph, SegmentedPieChartProps } from '../types';
+export declare const useData: ({ data, pieChartColors, legendValueRoundingDigits, }: Pick<SegmentedPieChartProps, 'data' | 'pieChartColors' | 'legendValueRoundingDigits'>) => {
+    balanceDataForTheGraph: BalanceDataForGraph[];
+    balanceDataForTheLegend: BalanceDataForGraph[];
+};

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

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

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

@@ -0,0 +1,5 @@
+import { SegmentedDataSet } from '../types';
+export declare const balanceData: SegmentedDataSet;
+export declare const balanceTotalAmount: number;
+export declare const balanceMissedPartsData: SegmentedDataSet;
+export declare const balanceMissedPartsDataTotalAmount: number;

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

@@ -0,0 +1,50 @@
+/// <reference types="react" />
+import { CommonProps } from '../../types/emotion';
+import { PieChartLegend, PieChartLegendItem, PieChartProps } from '../index';
+type SegmentedDataMainInfo = {
+    label: string;
+    value: number;
+    legendValue: number;
+};
+export interface SegmentedDataItem extends PieChartLegendItem {
+    legendValue: number;
+    legendLabel?: string;
+    parts?: SegmentedDataMainInfo[];
+}
+export type SegmentedDataSet = Array<SegmentedDataItem>;
+export interface SegmentedPieChartProps extends CommonProps {
+    data: SegmentedDataSet;
+    totalAmount: number;
+    totalDimension: string;
+    pieChartProps?: Partial<PieChartProps>;
+    pieChartLegendProps?: Partial<React.ComponentProps<typeof PieChartLegend>>;
+    legendBackgrounds?: string[];
+    pieChartColors?: string[][];
+    currency?: string;
+    otherLabel?: string;
+    legendValueRoundingDigits?: number;
+    legendPercentageRoundingDigits?: number;
+    showDimensions?: boolean;
+    showPercentage?: boolean;
+}
+export interface BalanceDataForGraph extends PieChartLegendItem {
+    label: string;
+    legendLabel?: string;
+    legendValueRoundingDigits: number;
+    percentage: number;
+    partIndex?: number;
+    partLabel?: string;
+    partPercentage?: number;
+    id: number | string;
+    mainId: number;
+    value: number | string;
+    color: string;
+}
+export type LegendItemProps = {
+    label: string;
+    legendLabel?: string;
+    percentage?: number;
+    legendValue?: number;
+    legendValueRoundingDigits: number;
+} & Pick<SegmentedPieChartProps, 'showDimensions' | 'legendPercentageRoundingDigits' | 'otherLabel' | 'currency' | 'showPercentage'>;
+export {};

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

@@ -0,0 +1 @@
+export declare const getRoundedNumber: (number: unknown, roundingDigits: number) => number;

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';