intergalactic 15.87.0-prerelease.3 → 15.88.0

package/libs/d3-chart/lib/types/component/Chart/AbstractChart.type.d.ts

@@ -0,0 +1,161 @@
+import React from 'react';
+import { FlexProps } from '@semcore/flex-box';
+import { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';
+import Icon from '@semcore/icon';
+import { BaseChartLegendProps } from '../ChartLegend/BaseLegend.type';
+import { TrendProps } from '../ChartLegend/LegendFlex/LegendFlex.type';
+export type BaseLegendProps = BaseChartLegendProps & {
+    /**
+     * Disable hover (for transition items legend of each not hovered)
+     */
+    disableHoverItems?: boolean;
+    /**
+     * Disable selectable of data items by checkboxes in Legend
+     */
+    disableSelectItems?: boolean;
+} & ((TrendProps & {
+    /**
+     * How to render Legend - Flex view. Just list of legend items
+     */
+    legendType?: never | 'Flex';
+    /**
+     * Config for Legend items
+     */
+    legendMap?: LegendDataMap<'Flex'>;
+}) | {
+    /**
+     * How to render Legend - Table view. Table of legend items with some additional information in columns
+     */
+    legendType: 'Table';
+    /**
+     * Config for Legend items
+     */
+    legendMap?: LegendDataMap<'Table'>;
+});
+export type ObjectData = Record<string, unknown>;
+export type ListData = ObjectData[];
+export type BaseChartProps<T extends ListData | ObjectData> = FlexProps & {
+    /**
+     * Chart data. For all charts except Donut(Pie), Radar and Venn should be an Array
+     */
+    data: T;
+    /**
+     * Width of plot
+     */
+    plotWidth: number;
+    /**
+     * Height of plot
+     */
+    plotHeight: number;
+    /**
+     * Margin (for Y axis points) from left side of chart container to Y axis
+     */
+    marginY?: number;
+    /**
+     * Margin (for X axis points) from bottom of chart container to X axis
+     */
+    marginX?: number;
+    /**
+     * invert axis and show horizontal charts (only for Bars!)
+     */
+    invertAxis?: boolean;
+    /**
+     * Show X axis
+     * @default true (for charts with axis: Area, Line, Bar, ScatterPlot, ...)
+     */
+    showXAxis?: boolean;
+    /**
+     * Show Y axis
+     * @default true (for charts with axis: Area, Line, Bar, ScatterPlot, ...)
+     */
+    showYAxis?: boolean;
+    /**
+     * Map with colors for data items
+     */
+    colorMap?: Record<string, string>;
+    /**
+     * Show tooltip's.
+     * @default true
+     */
+    showTooltip?: boolean;
+    /**
+     * Show sum of values for selected point in tooltip
+     */
+    showTotalInTooltip?: boolean;
+    /**
+     * Scale for xAxis (see more in d3-scale)
+     */
+    xScale?: unknown;
+    /**
+     * Scale for yAxis (see more in d3-scale)
+     */
+    yScale?: unknown;
+    /**
+     * Count of ticks for X axis
+     */
+    xTicksCount?: number;
+    /**
+     * Count of ticks for Y axis
+     */
+    yTicksCount?: number;
+    /**
+     * Group key for all array-based charts (for get keys of items for legend except that group key)
+     */
+    groupKey?: string;
+    /**
+     * function for format axis item text
+     */
+    axisXValueFormatter?: (value: unknown) => string;
+    axisYValueFormatter?: (value: unknown) => string;
+    /**
+     * Function for format text for tooltip
+     */
+    tooltipValueFormatter?: (value?: unknown) => string;
+} /**
+ * By default, we show the Legend for all charts with more the one data item.
+ * For hide the Legend, you should set showLegend prop to `false`.
+ */ & ({
+    /**
+     * Don't show legend
+     */
+    showLegend?: false;
+    legendProps?: never;
+} | {
+    /**
+     *  By default (if showLegend don't set), for one data item on chart,
+     *  Legend component will be hide, and show for more then 1 data item.
+     *  If set `true` - Legend component will show always.
+     */
+    showLegend?: true;
+    /**
+     * Props for Legend
+     */
+    legendProps?: Partial<BaseLegendProps>;
+});
+type LegendDataMap<T extends 'Flex' | 'Table'> = Record<LegendItemKey, {
+    /**
+     * Custom label for legend item (by default use keys from data item object)
+     */
+    label?: string;
+    /**
+     * Additional text after label
+     */
+    additionalInfo?: string;
+    /**
+     * Count after label
+     */
+    count?: number;
+    /**
+     * Custom Icon
+     */
+    icon?: typeof Icon;
+    /**
+     * Flag for uncheck some items by default
+     */
+    defaultChecked?: boolean;
+} & (T extends 'Table' ? {
+    columns?: React.ReactNode[];
+} : {
+    columns?: never;
+})>;
+export {};

package/libs/d3-chart/lib/types/component/Chart/AreaChart.d.ts

@@ -0,0 +1,2 @@
+import { AreaChartType } from './AreaChart.type';
+export declare const AreaChart: AreaChartType;

package/libs/d3-chart/lib/types/component/Chart/AreaChart.type.d.ts

@@ -0,0 +1,16 @@
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { interpolateValue } from '../../utils';
+import { ScaleLinear, ScaleTime } from 'd3-scale';
+import { CurveFactory } from 'd3-shape';
+import { BaseChartProps } from './AbstractChart.type';
+export type AreaChartData = Array<Record<string, number | typeof interpolateValue | Date>>;
+export type AreaChartProps = BaseChartProps<AreaChartData> & {
+    groupKey: string;
+    xScale?: ScaleLinear<any, any> | ScaleTime<any, any>;
+    yScale?: ScaleLinear<any, any>;
+    showDots?: boolean;
+    curve?: CurveFactory;
+    stacked?: boolean;
+};
+export type AreaChartType = Intergalactic.Component<typeof Flex, AreaChartProps>;

package/libs/d3-chart/lib/types/component/Chart/BarChart.d.ts

@@ -0,0 +1,2 @@
+import { BarChartType } from './BarChart.type';
+export declare const BarChart: BarChartType;

package/libs/d3-chart/lib/types/component/Chart/BarChart.type.d.ts

@@ -0,0 +1,19 @@
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';
+import { BaseChartProps } from './AbstractChart.type';
+import { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';
+type TrendItem = {
+    x: number;
+    y: number;
+};
+export type BarChartData = Array<Record<string, string | number | Date>>;
+export type BarChartProps = BaseChartProps<BarChartData> & {
+    groupKey: string;
+    xScale?: ScaleBand<any> | ScaleTime<any, any>;
+    yScale?: ScaleLinear<any, any>;
+    type?: 'stack' | 'group';
+    trend?: Record<LegendItemKey, TrendItem[]>;
+};
+export type BarChartType = Intergalactic.Component<typeof Flex, BarChartProps>;
+export {};

package/libs/d3-chart/lib/types/component/Chart/BubbleChart.d.ts

@@ -0,0 +1,2 @@
+import { BubbleChartType } from './BubbleChart.type';
+export declare const BubbleChart: BubbleChartType;

package/libs/d3-chart/lib/types/component/Chart/BubbleChart.type.d.ts

@@ -0,0 +1,17 @@
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { ScaleLinear } from 'd3-scale';
+import { BaseChartProps } from './AbstractChart.type';
+export type BubbleChartData = Array<{
+    x: number;
+    y: number;
+    value: number;
+    label?: string;
+    color?: string;
+}>;
+export type BubbleChartProps = BaseChartProps<BubbleChartData> & {
+    groupKey?: never;
+    xScale?: ScaleLinear<any, any>;
+    yScale?: ScaleLinear<any, any>;
+};
+export type BubbleChartType = Intergalactic.Component<typeof Flex, BubbleChartProps>;

package/libs/d3-chart/lib/types/component/Chart/DonutChart.d.ts

@@ -0,0 +1,2 @@
+import { DonutChartType } from './DonutChart.type';
+export declare const DonutChart: DonutChartType;

package/libs/d3-chart/lib/types/component/Chart/DonutChart.type.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { ScaleLinear } from 'd3-scale';
+import { BaseChartProps } from './AbstractChart.type';
+export type DonutChartData = Record<string, number>;
+export type DonutChartProps = BaseChartProps<DonutChartData> & {
+    groupKey?: never;
+    xScale?: ScaleLinear<any, any>;
+    yScale?: ScaleLinear<any, any>;
+    innerRadius?: number;
+    halfsize?: boolean;
+    innerLabel?: React.ReactNode;
+};
+export type DonutChartType = Intergalactic.Component<typeof Flex, DonutChartProps>;

package/libs/d3-chart/lib/types/component/Chart/HistogramChart.d.ts

@@ -0,0 +1,2 @@
+import { HistogramChartType } from './HistogramChart.type';
+export declare const HistogramChart: HistogramChartType;

package/libs/d3-chart/lib/types/component/Chart/HistogramChart.type.d.ts

@@ -0,0 +1,11 @@
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';
+import { BaseChartProps } from './AbstractChart.type';
+export type HistogramChartData = Array<Record<string, number | Date>>;
+export type HistogramChartProps = BaseChartProps<HistogramChartData> & {
+    groupKey: string;
+    xScale?: ScaleBand<any> | ScaleTime<any, any>;
+    yScale?: ScaleLinear<any, any>;
+};
+export type HistogramChartType = Intergalactic.Component<typeof Flex, HistogramChartProps>;

package/libs/d3-chart/lib/types/component/Chart/LineChart.d.ts

@@ -0,0 +1,2 @@
+import { LineChartType } from './LineChart.type';
+export declare const LineChart: LineChartType;

package/libs/d3-chart/lib/types/component/Chart/LineChart.type.d.ts

@@ -0,0 +1,24 @@
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { interpolateValue } from '../../utils';
+import { ScaleLinear, ScaleTime } from 'd3-scale';
+import { CurveFactory } from 'd3-shape';
+import { BaseChartProps } from './AbstractChart.type';
+import { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';
+type AreaItem = {
+    x: number;
+    y0: number;
+    y1: number;
+};
+export type LineChartData = Array<Record<string, string | number | typeof interpolateValue | Date>>;
+export type LineChartProps = BaseChartProps<LineChartData> & {
+    groupKey: string;
+    area?: Record<LegendItemKey, AreaItem[]>;
+    xScale?: ScaleLinear<any, any> | ScaleTime<any, any>;
+    yScale?: ScaleLinear<any, any>;
+    showDots?: boolean;
+    curve?: CurveFactory;
+    areaCurve?: CurveFactory;
+};
+export type LineChartType = Intergalactic.Component<typeof Flex, LineChartProps>;
+export {};

package/libs/d3-chart/lib/types/component/Chart/RadarChart.d.ts

@@ -0,0 +1,2 @@
+import { RadarChartType } from './RadarChart.type';
+export declare const RadarChart: RadarChartType;

package/libs/d3-chart/lib/types/component/Chart/RadarChart.type.d.ts

@@ -0,0 +1,14 @@
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { ScaleLinear } from 'd3-scale';
+import { BaseChartProps } from './AbstractChart.type';
+export type RadarChartData = Record<string, string[] | number[]>;
+export type RadarChartProps = BaseChartProps<RadarChartData> & {
+    groupKey: string;
+    scale?: ScaleLinear<any, any>;
+    xScale?: never;
+    yScale?: never;
+    showDots?: boolean;
+    circle?: boolean;
+};
+export type RadarChartType = Intergalactic.Component<typeof Flex, RadarChartProps>;

package/libs/d3-chart/lib/types/component/Chart/ScatterPlotChart.d.ts

@@ -0,0 +1,2 @@
+import { ScatterPlotChartType } from './ScatterPlotChart.type';
+export declare const ScatterPlotChart: ScatterPlotChartType;

package/libs/d3-chart/lib/types/component/Chart/ScatterPlotChart.type.d.ts

@@ -0,0 +1,13 @@
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { interpolateValue } from '../../utils';
+import { ScaleLinear, ScaleTime } from 'd3-scale';
+import { BaseChartProps } from './AbstractChart.type';
+export type ScatterPlotChartData = Array<Record<string, number | typeof interpolateValue | Date>>;
+export type ScatterPlotChartProps = BaseChartProps<ScatterPlotChartData> & {
+    groupKey: string;
+    xScale?: ScaleLinear<any, any> | ScaleTime<any, any>;
+    yScale?: ScaleLinear<any, any>;
+    valueKey?: string;
+};
+export type ScatterPlotChartType = Intergalactic.Component<typeof Flex, ScatterPlotChartProps>;

package/libs/d3-chart/lib/types/component/Chart/VennChart.d.ts

@@ -0,0 +1,2 @@
+import { VennChartType } from './VennChart.type';
+export declare const VennChart: VennChartType;

package/libs/d3-chart/lib/types/component/Chart/VennChart.type.d.ts

@@ -0,0 +1,11 @@
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { ScaleLinear } from 'd3-scale';
+import { BaseChartProps } from './AbstractChart.type';
+export type VennChartData = Record<string, number>;
+export type VennChartProps = BaseChartProps<VennChartData> & {
+    groupKey?: never;
+    xScale?: ScaleLinear<any, any>;
+    yScale?: ScaleLinear<any, any>;
+};
+export type VennChartType = Intergalactic.Component<typeof Flex, VennChartProps>;

package/libs/d3-chart/lib/types/component/Chart/index.d.ts

@@ -0,0 +1,12 @@
+declare const _default: {
+    Line: import("./LineChart.type").LineChartType;
+    Bar: import("./BarChart.type").BarChartType;
+    Histogram: import("./HistogramChart.type").HistogramChartType;
+    ScatterPlot: import("./ScatterPlotChart.type").ScatterPlotChartType;
+    Area: import("./AreaChart.type").AreaChartType;
+    Bubble: import("./BubbleChart.type").BubbleChartType;
+    Donut: import("./DonutChart.type").DonutChartType;
+    Venn: import("./VennChart.type").VennChartType;
+    Radar: import("./RadarChart.type").RadarChartType;
+};
+export default _default;

package/libs/d3-chart/lib/types/component/ChartLegend/BaseLegend.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Component, Intergalactic } from '@semcore/core';
+import { LegendItemKey, LegendItemProps } from './LegendItem/LegendItem.type';
+import { LegendProps } from './BaseLegend.type';
+export declare abstract class BaseLegend<T extends LegendProps> extends Component<T> {
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: T): void;
+    setHints(): void;
+    getItem(index: number): import("./LegendItem/LegendItem.type").LegendItem;
+    getLegendItemProps(_: {}, index: number): LegendItemProps & Intergalactic.InternalTypings.ComponentPropsNesting<'div'>;
+    bindOnChange: (id: LegendItemKey) => () => void;
+    bindOnMouseEnterItem: (id: LegendItemKey) => (e: React.SyntheticEvent) => void;
+    bindOnMouseLeaveItem: (id: LegendItemKey) => (e: React.SyntheticEvent) => void;
+}

package/libs/d3-chart/lib/types/component/ChartLegend/BaseLegend.type.d.ts

@@ -0,0 +1,27 @@
+import { BoxProps, FlexProps } from '@semcore/flex-box';
+import { LegendItem, LegendItemKey, ShapeType } from './LegendItem/LegendItem.type';
+import { DataStructureHints } from '../../a11y/hints';
+export type LSize = 'm' | 'l';
+export type BaseChartLegendProps = FlexProps & {
+    /**
+     * Size for legend items
+     */
+    size?: LSize;
+    /**
+     * Shape of data item on Legend panel
+     */
+    shape?: ShapeType;
+    /**
+     * Handler for change visible for data items. Doesn't work if Shape one of 'Circle' | 'Line' | 'Square'
+     */
+    onChangeVisibleItem?: (key: LegendItemKey, isVisible: boolean) => void;
+    onMouseEnterItem?: (key: LegendItemKey, e?: React.SyntheticEvent) => void;
+    onMouseLeaveItem?: (key: LegendItemKey, e?: React.SyntheticEvent) => void;
+    dataHints?: DataStructureHints;
+};
+export type LegendProps = BoxProps & BaseChartLegendProps & {
+    /**
+     * Legend items
+     */
+    items: LegendItem[];
+};

package/libs/d3-chart/lib/types/component/ChartLegend/LegendFlex/LegendFlex.d.ts

@@ -0,0 +1,2 @@
+import { LegendFlexType } from './LegendFlex.type';
+export declare const LegendFlex: LegendFlexType;

package/libs/d3-chart/lib/types/component/ChartLegend/LegendFlex/LegendFlex.type.d.ts

@@ -0,0 +1,38 @@
+import { Flex, FlexProps } from '@semcore/flex-box';
+import { Intergalactic } from '@semcore/core';
+import { LegendItemType } from '../LegendItem/LegendItem.type';
+import { LegendProps } from '../BaseLegend.type';
+export type TrendProps = {
+    /**
+     * Flag for include trend LegendItem in Legend
+     */
+    withTrend: true;
+    /**
+     * Trend label (for localization)
+     */
+    trendLabel?: string;
+    /**
+     * Flag for describe are trend is visible
+     */
+    trendIsVisible: boolean;
+    /**
+     * Handler for change trend visibility
+     */
+    onTrendIsVisibleChange: (isVisible: boolean) => void;
+};
+type SuffixProps = {
+    /**
+     * Element after all Legend items
+     */
+    suffix?: React.ReactElement;
+};
+type AddonProps = ({
+    withTrend?: never;
+} & SuffixProps) | ({
+    suffix?: never;
+} & TrendProps);
+export type LegendFlexProps = LegendProps & AddonProps & FlexProps;
+export type LegendFlexType = Intergalactic.Component<typeof Flex, LegendFlexProps> & {
+    LegendItem: LegendItemType;
+};
+export {};

package/libs/d3-chart/lib/types/component/ChartLegend/LegendItem/LegendItem.d.ts

@@ -0,0 +1,2 @@
+import { LegendItemType } from './LegendItem.type';
+export declare const LegendItemComponent: LegendItemType;

package/libs/d3-chart/lib/types/component/ChartLegend/LegendItem/LegendItem.type.d.ts

@@ -0,0 +1,67 @@
+import { Flex } from '@semcore/flex-box';
+import { Intergalactic, Root } from '@semcore/core';
+import Icon from '@semcore/icon';
+import { Text } from '@semcore/typography';
+import { LSize } from '../BaseLegend.type';
+/**
+ * Key of chart data item
+ */
+export type LegendItemKey = string;
+export type LegendItem = {
+    /**
+     * One of keys from data set
+     */
+    id: LegendItemKey;
+    /**
+     * Label for data item in Legend
+     */
+    label: string;
+    /**
+     * Flag for selected data item
+     */
+    checked: boolean;
+    /**
+     * Color of data item
+     */
+    color: string;
+    /**
+     * Icon before label
+     */
+    icon?: typeof Icon;
+    /**
+     * Additional info with sub-label or count
+     */
+    additionalInfo?: {
+        label: string;
+    } | {
+        count: number;
+    };
+};
+export type LegendItemProps = LegendItem & {
+    /**
+     * Size for legend item
+     */
+    size: LSize;
+    /**
+     * Shape of data item on Legend panel
+     */
+    shape: ShapeType;
+    /**
+     * Handler for select/deselect legend item.
+     * !Need to redefine onClick, because we don't have `event` in it.
+     */
+    onClick: () => void;
+};
+export type ShapeProps = LegendItem & {
+    size: LSize;
+    shape: ShapeType;
+};
+export declare const StaticShapes: readonly ["Circle", "Line", "Square"];
+export type ShapeType = 'Checkbox' | typeof StaticShapes[number];
+export type LegendItemType = Intergalactic.Component<typeof Flex, Partial<LegendItemProps>> & {
+    Shape: Intergalactic.Component<typeof Root, Partial<ShapeProps>>;
+    Icon: Intergalactic.Component<typeof Icon, Partial<LegendItem>>;
+    Label: Intergalactic.Component<typeof Text, Partial<Omit<LegendItem, 'theme'>>>;
+    AdditionalLabel: Intergalactic.Component<typeof Text, Partial<LegendItem>>;
+    Count: Intergalactic.Component<typeof Text, Partial<LegendItem>>;
+};

package/libs/d3-chart/lib/types/component/ChartLegend/LegendTable/LegendTable.d.ts

@@ -0,0 +1,2 @@
+import { LegendTableType } from './LegendTable.type';
+export declare const LegendTable: LegendTableType;

package/libs/d3-chart/lib/types/component/ChartLegend/LegendTable/LegendTable.type.d.ts

@@ -0,0 +1,21 @@
+import { Intergalactic } from '@semcore/core';
+import { Box } from '@semcore/flex-box';
+import { LegendItem, LegendItemType } from '../LegendItem/LegendItem.type';
+import React from 'react';
+import { LegendProps, LSize } from '../BaseLegend.type';
+export type LegendTableProps = Omit<LegendProps, 'items'> & {
+    /**
+     * Legend items
+     */
+    items: Array<LegendItem & {
+        columns: Array<React.ReactNode>;
+    }>;
+};
+export type LegendColumnProps = {
+    index: number;
+    size: LSize;
+};
+export type LegendTableType = Intergalactic.Component<typeof Box, LegendTableProps> & {
+    LegendItem: LegendItemType;
+    Column: Intergalactic.Component<typeof Box, Partial<LegendColumnProps>>;
+};

package/libs/d3-chart/lib/types/component/ChartLegend/index.d.ts

@@ -0,0 +1,4 @@
+import { LegendFlex as ChartLegend } from './LegendFlex/LegendFlex';
+import { LegendTable as ChartLegendTable } from './LegendTable/LegendTable';
+export { ChartLegend, ChartLegendTable };
+export default ChartLegend;

package/libs/d3-chart/lib/types/context.d.ts

@@ -0,0 +1,18 @@
+export type Context = {
+  /** Data for graphic */
+  data?: unknown;
+  /** Scale for svg element */
+  scale?: unknown[];
+};
+
+/** @deprecated */
+export default interface IContext {
+  /** Data for graphic */
+  /** @deprecated */
+  data?: any;
+  /** Scale for svg element */
+  /** @deprecated */
+  scale?: any[];
+
+  [key: string]: unknown;
+}

package/libs/d3-chart/lib/types/createElement.d.ts

@@ -0,0 +1,2 @@
+declare const createElement: any;
+export default createElement;