@ssa-ui-kit/core 1.0.11 → 1.0.12

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

@@ -1,17 +1,17 @@
 /// <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>;

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

@@ -1,2 +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;
+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/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/stories/fixtures.d.ts

@@ -1,3 +1,5 @@
-import { BalanceData } from '../types';
-export declare const balanceData: BalanceData;
-export declare const balanceMissedPartsData: BalanceData;
+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

@@ -1,32 +1,38 @@
 /// <reference types="react" />
 import { CommonProps } from '../../types/emotion';
-import { MayHaveLabel } from '@nivo/pie';
-import { PieChartLegend, PieChartProps } from '../index';
-type BalanceDataPartsItem = {
+import { PieChartLegend, PieChartLegendItem, PieChartProps } from '../index';
+type SegmentedDataMainInfo = {
     label: string;
-    percentage: number;
-    value: number;
-};
-type BalanceDataItem = {
-    id: number;
     value: number;
-    label: string;
-    percentage: number;
-    parts?: BalanceDataPartsItem[];
+    legendValue: number;
 };
-export type BalanceData = Array<BalanceDataItem>;
+export interface SegmentedDataItem extends PieChartLegendItem {
+    legendValue: number;
+    legendLabel?: string;
+    parts?: SegmentedDataMainInfo[];
+}
+export type SegmentedDataSet = Array<SegmentedDataItem>;
 export interface SegmentedPieChartProps extends CommonProps {
-    data: BalanceData;
+    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 MayHaveLabel {
-    mainLabel: string;
-    mainPercentage: number;
+export interface BalanceDataForGraph extends PieChartLegendItem {
+    label: string;
+    legendLabel?: string;
+    legendValueRoundingDigits: number;
+    percentage: number;
+    partIndex?: number;
     partLabel?: string;
     partPercentage?: number;
     id: number | string;
@@ -34,4 +40,11 @@ export interface BalanceDataForGraph extends MayHaveLabel {
     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;