@carto/ps-react-ui 4.3.0-widgets.0 → 5.0.0-widgets.1

package/dist/types/widgets/category/skeleton.d.ts

@@ -0,0 +1 @@
+export declare function CategorySkeleton(): import("react/jsx-runtime").JSX.Element;

package/dist/types/widgets/category/style.d.ts

@@ -0,0 +1,121 @@
+import { Theme } from '@mui/material';
+export declare const styles: {
+    root: {
+        display: "flex";
+        flexDirection: "column";
+        position: "relative";
+        overflow: "auto";
+    };
+    list: {
+        display: "flex";
+        flexDirection: "column";
+        gap: (theme: Theme) => string;
+    };
+    row: {
+        display: "flex";
+        flexDirection: "column";
+        gap: (theme: Theme) => string;
+        pointerEvents: "none";
+    };
+    rowClickable: {
+        pointerEvents: "auto";
+    };
+    rowHeader: {
+        display: "flex";
+        justifyContent: "space-between";
+        alignItems: "center";
+    };
+    rowLabel: {
+        typography: string;
+        fontWeight: string;
+        color: "text.primary";
+    };
+    rowValue: {
+        typography: string;
+        color: "text.secondary";
+    };
+    barContainer: {
+        display: "flex";
+        flexDirection: "column";
+    };
+    bar: {
+        height: number;
+        borderRadius: number;
+        backgroundColor: (theme: Theme) => string;
+        overflow: "hidden";
+        position: "relative";
+        transition: "background-color 0.15s ease-in-out";
+        cursor: "pointer";
+        '&:hover': {
+            backgroundColor: (theme: Theme) => string;
+            '& > div': {
+                filter: "brightness(1.2)";
+            };
+        };
+    };
+    barFill: {
+        height: string;
+        borderRadius: number;
+        transition: "width 0.3s ease-in-out, background-color 0.15s ease-in-out";
+    };
+    barFillMuted: {
+        backgroundColor: (theme: Theme) => string;
+    };
+    legend: {
+        display: "flex";
+        alignItems: "center";
+        gap: (theme: Theme) => string;
+        flexWrap: "wrap";
+        paddingTop: (theme: Theme) => string;
+        position: "sticky";
+        bottom: number;
+        backgroundColor: "background.paper";
+        borderTop: (theme: Theme) => string;
+        marginTop: (theme: Theme) => string;
+    };
+    legendItem: {
+        display: "flex";
+        alignItems: "center";
+        gap: (theme: Theme) => string;
+    };
+    legendDot: {
+        width: number;
+        height: number;
+        borderRadius: string;
+    };
+    legendLabel: {
+        typography: string;
+        color: "text.secondary";
+        textTransform: "uppercase";
+        fontWeight: string;
+    };
+    multiBarRow: {
+        display: "flex";
+        alignItems: "center";
+        gap: (theme: Theme) => string;
+    };
+    multiBarValue: {
+        typography: string;
+        color: "text.secondary";
+        minWidth: number;
+        textAlign: "right";
+    };
+    multiBarContainer: {
+        flex: number;
+    };
+    otherRow: {
+        display: "flex";
+        justifyContent: "space-between";
+        alignItems: "center";
+    };
+    otherLabel: {
+        typography: string;
+        fontWeight: string;
+        color: "text.secondary";
+        fontStyle: "italic";
+    };
+    otherCount: {
+        typography: string;
+        color: "text.disabled";
+    };
+};

package/dist/types/widgets/category/types.d.ts

@@ -0,0 +1,33 @@
+import { BaseWidgetState, WidgetsStoreProps } from '../stores/types';
+import { WrapperState } from '../wrapper/types';
+import { DownloadItem } from '../actions/download/types';
+export interface CategoryUIProps {
+    id: WidgetsStoreProps['id'];
+}
+export interface CategorySeriesConfig {
+    name: string;
+    color?: string;
+}
+export interface CategoryLabels {
+    other?: string;
+    otherCount?: string;
+}
+export interface CategoryDataItem extends Record<string, string | number> {
+    name: string;
+    value: number;
+}
+export type CategoryWidgetData = CategoryDataItem[][];
+export type CategoryWidgetState = BaseWidgetState<WrapperState<CategoryWidgetConfig> & {
+    data: CategoryWidgetData;
+}>;
+export interface CategoryWidgetConfig {
+    formatter?: (value: number) => string;
+    series?: CategorySeriesConfig[];
+    maxItems?: number;
+    labels?: CategoryLabels;
+    onRowClick?: ({ name }: {
+        name: string;
+    }) => void;
+    selected?: (name: string) => boolean;
+}
+export type CategoryDownloadConfig = DownloadItem<CategoryWidgetData>[];

package/dist/types/widgets/echart/echart-ui.d.ts

@@ -1,2 +1,2 @@
 import { EchartUIProps } from './types';
-export declare function EchartUI({ ref, init, option, className, style, onEvents, }: EchartUIProps): import("react/jsx-runtime").JSX.Element;
+export declare function EchartUI({ id, ref, init, option, className, style, onEvents, }: EchartUIProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/widgets/echart/index.d.ts

@@ -1,5 +1,5 @@
 export { Echart } from './echart';
 export { EchartUI } from './echart-ui';
-export type { EchartProps, EchartOptionsProps, EchartUIProps, EchartWidgetData, EchartWidgetState, EchartWidgetConfig, EchartWidgetProps, } from './types';
+export type { EchartProps, EchartOptionsProps, EchartUIProps, EchartWidgetData, EchartWidgetState, } from './types';
 export { getCommonOptions } from './options';
-export { mergeWidgetConfig, getEChartBrushConfig, getEChartStackConfig, getEChartZoomConfig, } from './utils';
+export { mergeEchartWidgetConfig, getEChartBrushConfig, getEChartStackConfig, getEChartZoomConfig, } from './utils';

package/dist/types/widgets/echart/options.d.ts

@@ -1,3 +1,2 @@
-import { EchartOptionsProps } from './types';
-import { theme as CartoTheme } from '@carto/meridian-ds/theme';
-export declare function getCommonOptions(theme: typeof CartoTheme): EchartOptionsProps;
+import { EchartOptionsProps, EchartWidgetOptionProps } from './types';
+export declare function getCommonOptions({ theme, }: EchartWidgetOptionProps<unknown>): EchartOptionsProps;

package/dist/types/widgets/echart/types.d.ts

@@ -1,14 +1,11 @@
 import { EChartsOption } from 'echarts';
 import { BaseWidgetState } from '../stores/types';
-import { WrapperState } from '../wrapper/types';
-import { DownloadState, FullScreenState } from '../actions';
-import { FullScreenConfigProps } from '../actions/fullscreen/types';
-import { DownloadConfigProps } from '../actions/download/types';
-import { ConfigProps } from '../config-loader';
 import { Ref } from 'react';
+import { theme as CartoTheme } from '@carto/meridian-ds/theme';
 import type * as echarts from 'echarts';
 export type EchartOptionsProps = EChartsOption;
 export interface EchartUIProps {
+    id: string;
     option: EchartOptionsProps;
     className?: string;
     init?: echarts.EChartsInitOpts;
@@ -17,15 +14,19 @@ export interface EchartUIProps {
     onEvents?: Record<string, Parameters<echarts.ECharts['on']>[2]>;
 }
 export interface EchartProps {
-    id: string;
+    id: EchartUIProps['id'];
 }
 export type EchartWidgetData = Record<string, string | number>[][];
-export type EchartWidgetState = BaseWidgetState<WrapperState<FullScreenState<DownloadState<EchartWidgetProps, EchartWidgetData> & {
+export type EchartWidgetState = BaseWidgetState<{
     option: EchartUIProps['option'];
     onEvents?: EchartUIProps['onEvents'];
     init?: EchartUIProps['init'];
-}>>>;
-export type EchartWidgetConfig<D = EchartWidgetData> = FullScreenConfigProps & DownloadConfigProps<D> & EchartUIProps;
+}>;
+export interface EchartWidgetOptionProps<D> {
+    data?: D;
+    theme: typeof CartoTheme;
+}
 export interface EchartWidgetProps {
-    config?: ConfigProps<EchartWidgetConfig>['config'];
+    type: string;
+    option: EchartUIProps['option'];
 }

package/dist/types/widgets/echart/utils.d.ts

@@ -1,14 +1,16 @@
 import { EchartOptionsProps } from './types';
 import { Theme } from '@mui/material';
-export declare function mergeWidgetConfig<T extends EchartOptionsProps>(...options: [T, T]): T;
-export declare function getEChartZoomConfig(zoom: boolean, { start, end }: {
+export declare function mergeEchartWidgetConfig<T extends EchartOptionsProps>(...options: [T | undefined, T | undefined]): T;
+export declare function getEChartZoomConfig(zoom: boolean, { start, end }?: {
     start: number;
     end: number;
-} | undefined, { inside, xSlider, ySlider }: {
-    inside?: boolean | undefined;
-    xSlider?: boolean | undefined;
-    ySlider?: boolean | undefined;
-} | undefined, theme: Theme): {
+}, { inside, xSlider, ySlider, showSliders, xAxisLabelFormatter, }?: {
+    inside?: boolean;
+    xSlider?: boolean;
+    ySlider?: boolean;
+    showSliders?: boolean;
+    xAxisLabelFormatter?: (value: number) => string;
+}, theme?: Theme): {
     dataZoom: ({
         throttle: number;
         type: string;
@@ -19,8 +21,6 @@ export declare function getEChartZoomConfig(zoom: boolean, { start, end }: {
         start: number;
         end: number;
         orientation?: undefined;
-        bottom?: undefined;
-        left?: undefined;
     } | {
         throttle: number;
         type: string;
@@ -31,24 +31,33 @@ export declare function getEChartZoomConfig(zoom: boolean, { start, end }: {
         orientation: string;
         xAxisIndex?: undefined;
         yAxisIndex?: undefined;
-        bottom?: undefined;
-        left?: undefined;
     } | {
+        brushSelect: boolean;
+        moveHandleSize: number;
+        handleSize: string;
+        handleIcon: string;
         throttle: number;
         type: string;
         xAxisIndex: number[];
         bottom: number;
+        height: number;
         show: boolean;
         zoomLock: boolean;
         start: number;
         end: number;
+        labelFormatter: ((value: number) => string) | undefined;
+        showDetail: boolean;
         yAxisIndex?: undefined;
         orientation?: undefined;
-        left?: undefined;
     } | {
+        brushSelect: boolean;
+        moveHandleSize: number;
+        handleSize: string;
+        handleIcon: string;
         throttle: number;
         type: string;
         left: number;
+        width: number;
         yAxisIndex: number[];
         show: boolean;
         zoomLock: boolean;
@@ -56,7 +65,6 @@ export declare function getEChartZoomConfig(zoom: boolean, { start, end }: {
         end: number;
         xAxisIndex?: undefined;
         orientation?: undefined;
-        bottom?: undefined;
     })[];
 };
 export declare function getEChartBrushConfig(brush: boolean): {
@@ -68,7 +76,5 @@ export declare function getEChartBrushConfig(brush: boolean): {
     brush?: undefined;
 };
 export declare function getEChartStackConfig(stack: boolean, stackGroup?: string): {
-    stack: string;
-} | {
-    stack?: undefined;
+    stack: string | undefined;
 };

package/dist/types/widgets/formula/components/row.d.ts

@@ -1,2 +1,2 @@
 import { RowProps } from '../types';
-export declare function Row(props: RowProps): import("react/jsx-runtime").JSX.Element[] | null | undefined;
+export declare function Row(props: RowProps): import("react/jsx-runtime").JSX.Element[] | undefined;

package/dist/types/widgets/formula/config.d.ts

@@ -1,2 +1,4 @@
-import { FormulaConfig, FormulaWidgetConfig } from './types';
-export declare function formulaConfig({ refUI, data, ...props }: FormulaConfig): FormulaWidgetConfig;
+import { ConfigProps } from '../root/types';
+import { FormulaDownloadConfig, FormulaWidgetConfig } from './types';
+export declare function formulaDownloadConfig({ refUI, }: ConfigProps): FormulaDownloadConfig;
+export declare function formulaConfig(): FormulaWidgetConfig;

package/dist/types/widgets/formula/index.d.ts

@@ -4,7 +4,8 @@ export { Prefix } from './components/prefix';
 export { Suffix } from './components/suffix';
 export { Series } from './components/series';
 export { Row } from './components/row';
+export { formulaConfig, formulaDownloadConfig } from './config';
 export { FormulaUI } from './formula-ui';
 export { FormulaSkeleton } from './skeleton';
-export type { RowProps, ValueProps, FormulaWidgetState, ItemProps, DataItem, FormulaUIProps, SeriesConfig, } from './types';
 export { sanitizeDataItem, sanitizeDataItems } from './serializer';
+export type { DataItem, FormulaDownloadConfig, FormulaUIProps, FormulaWidgetConfig, FormulaWidgetData, FormulaWidgetState, ItemProps, RowProps, SeriesConfig, ValueProps, } from './types';

package/dist/types/widgets/formula/types.d.ts

@@ -1,15 +1,8 @@
 import { TypographyProps } from '@mui/material';
 import { ReactNode } from 'react';
 import { BaseWidgetState, WidgetsStoreProps } from '../stores/types';
-import { DownloadState } from '../actions';
-import { DownloadConfigProps } from '../actions/download/types';
 import { WrapperState } from '../wrapper/types';
-import { BaseWidgetProps } from '../widget/types';
-import { BaseConfig } from '../config-loader';
-export interface FormulaProps extends BaseWidgetProps<FormulaWidgetConfig> {
-    type: 'formula';
-    data: FormulaWidgetData | undefined;
-}
+import { DownloadItem } from '../actions/download/types';
 export interface FormulaUIProps {
     id: WidgetsStoreProps['id'];
 }
@@ -39,16 +32,11 @@ export interface SeriesConfig {
     name: string;
     color?: string;
 }
-export type FormulaWidgetState = BaseWidgetState<WrapperState<DownloadState<FormulaProps & {
+export type FormulaWidgetState = BaseWidgetState<WrapperState<FormulaWidgetConfig> & {
+    data: FormulaWidgetData;
+}>;
+export interface FormulaWidgetConfig {
     formatter?: (value: number) => string;
     series?: SeriesConfig[];
-}, FormulaWidgetData>>>;
-export type FormulaWidgetConfig = BaseConfig & DownloadConfigProps<FormulaWidgetData> & {
-    type: FormulaProps['type'];
-    formatter?: FormulaWidgetState['formatter'];
-    series?: SeriesConfig[];
-};
-export interface FormulaConfig extends Omit<BaseConfig, 'data'> {
-    data?: FormulaWidgetData;
-    series?: SeriesConfig[];
 }
+export type FormulaDownloadConfig = DownloadItem<FormulaWidgetData>[];

package/dist/types/widgets/histogram/config.d.ts

@@ -1,4 +1,5 @@
-import { HistogramConfig } from './types';
-export declare const histogramConfig: (config: HistogramConfig & {
-    refUI?: import('react').Ref<HTMLElement | null>;
-}) => import('../_shared/chart-config/config-factory').ChartWidgetConfigResult<import('../echart').EchartWidgetData, HistogramConfig, "histogram">;
+import { HistogramConfig, HistogramWidgetConfig, HistogramWidgetData } from './types';
+import { DownloadItem } from '../actions';
+import { ConfigProps } from '../root/types';
+export declare function histogramDownloadConfig({ refUI, }: ConfigProps): DownloadItem<HistogramWidgetData>[];
+export declare function histogramConfig(props: HistogramConfig): HistogramWidgetConfig;

package/dist/types/widgets/histogram/index.d.ts

@@ -1,3 +1,3 @@
-export type { HistogramProps, HistogramWidgetData, HistogramWidgetState, HistogramWidgetConfig, } from './types';
-export { histogramConfig } from './config';
+export type { HistogramConfig, HistogramWidgetConfig, HistogramWidgetData, HistogramWidgetState, } from './types';
+export { histogramConfig, histogramDownloadConfig } from './config';
 export { HistogramSkeleton } from './skeleton';

package/dist/types/widgets/histogram/types.d.ts

@@ -1,15 +1,9 @@
-import { BaseWidgetProps } from '../widget/types';
-import { BaseConfig } from '../config-loader';
-import { EchartWidgetConfig, EchartWidgetData, EchartWidgetState } from '../echart';
-export interface HistogramProps extends BaseWidgetProps<HistogramWidgetConfig> {
-    type: 'histogram';
-    data: HistogramWidgetData | undefined;
-}
+import { EchartWidgetData, EchartWidgetState } from '../echart';
+import { EchartWidgetOptionProps, EchartWidgetProps } from '../echart/types';
+import { ConfigProps } from '../root';
 export type HistogramWidgetData = EchartWidgetData;
 export type HistogramWidgetState = EchartWidgetState;
-export type HistogramWidgetConfig = HistogramConfig & EchartWidgetConfig & {
-    type: HistogramProps['type'];
+export type HistogramWidgetConfig = EchartWidgetProps & {
+    type: 'histogram';
 };
-export interface HistogramConfig extends Omit<BaseConfig, 'data'> {
-    data?: HistogramWidgetData;
-}
+export type HistogramConfig = ConfigProps & EchartWidgetOptionProps<HistogramWidgetData>;

package/dist/types/widgets/index.d.ts

@@ -1,4 +1,2 @@
-export { useWidgetStore, useWidget } from './stores/widget-store';
-export type { BaseWidgetState, WidgetState, WidgetStoreState, WidgetStoreActions, WidgetStore, } from './stores/types';
-export { Widget } from './widget/widget';
-export type { WidgetProps, WidgetConfig, BaseWidgetProps, WidgetBaseComponentConfig, WidgetComponentConfig, } from './widget/types';
+export { useWidgetStore } from './stores/widget-store';
+export type { BaseWidgetState, WidgetsStoreProps, WidgetState, WidgetStore, WidgetStoreActions, WidgetStoreState, } from './stores/types';

package/dist/types/widgets/markdown/config.d.ts

@@ -1,2 +1,4 @@
-import { MarkdownConfig, MarkdownWidgetConfig } from './types';
-export declare function markdownConfig({ refUI, data, ...props }: MarkdownConfig): MarkdownWidgetConfig;
+import { DownloadItem } from '../actions';
+import { MarkdownWidgetConfig, MarkdownWidgetData } from './types';
+export declare function markdownDownloadConfig(): DownloadItem<MarkdownWidgetData>[];
+export declare function markdownConfig(): MarkdownWidgetConfig;

package/dist/types/widgets/markdown/index.d.ts

@@ -1,5 +1,5 @@
 export { Markdown } from './markdown';
 export { MarkdownUI } from './markdown-ui';
 export { MarkdownSkeleton } from './skeleton';
-export { markdownConfig } from './config';
-export type { MarkdownComponentProps, MarkdownProps, MarkdownUIProps, MarkdownWidgetData, MarkdownWidgetState, MarkdownWidgetConfig, MarkdownConfig, MarkdownDataItem, } from './types';
+export { markdownConfig, markdownDownloadConfig } from './config';
+export type { MarkdownComponentProps, MarkdownUIProps, MarkdownWidgetData, MarkdownWidgetState, MarkdownWidgetConfig, MarkdownDownloadConfig, MarkdownDataItem, } from './types';

package/dist/types/widgets/markdown/markdown-ui.d.ts

@@ -1,2 +1,2 @@
 import { MarkdownComponentProps } from './types';
-export declare function MarkdownUI({ children }: MarkdownComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function MarkdownUI({ children, overrides }: MarkdownComponentProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/widgets/markdown/types.d.ts

@@ -1,16 +1,10 @@
 import { BaseWidgetState, WidgetsStoreProps } from '../stores/types';
-import { DownloadState } from '../actions';
-import { DownloadConfigProps } from '../actions/download/types';
 import { WrapperState } from '../wrapper/types';
-import { BaseWidgetProps } from '../widget/types';
-import { BaseConfig } from '../config-loader';
-import { FullScreenConfigProps } from '../actions/fullscreen/types';
+import { DownloadItem } from '../actions/download/types';
+import { Components } from 'react-markdown';
 export interface MarkdownComponentProps {
     children: string;
-}
-export interface MarkdownProps extends BaseWidgetProps<MarkdownWidgetConfig> {
-    type: 'markdown';
-    data: MarkdownWidgetData | undefined;
+    overrides?: Components;
 }
 export interface MarkdownUIProps {
     id: WidgetsStoreProps['id'];
@@ -19,10 +13,6 @@ export interface MarkdownDataItem {
     content: string;
 }
 export type MarkdownWidgetData = MarkdownDataItem;
-export type MarkdownWidgetState = BaseWidgetState<WrapperState<DownloadState<MarkdownProps, MarkdownWidgetData>>>;
-export type MarkdownWidgetConfig = BaseConfig & FullScreenConfigProps & DownloadConfigProps<MarkdownWidgetData> & {
-    type: MarkdownProps['type'];
-};
-export interface MarkdownConfig extends Omit<BaseConfig, 'data'> {
-    data?: MarkdownWidgetData;
-}
+export type MarkdownWidgetState = BaseWidgetState<WrapperState<MarkdownWidgetConfig>>;
+export type MarkdownWidgetConfig = unknown;
+export type MarkdownDownloadConfig = DownloadItem<MarkdownWidgetData>[];

package/dist/types/widgets/note/note.d.ts

@@ -1,2 +1,2 @@
 import { NoteProps } from './types';
-export declare function Note({ id, labels }: NoteProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function Note({ children, labels }: NoteProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/widgets/note/style.d.ts

@@ -2,8 +2,8 @@ import { Theme } from '@mui/material';
 export declare const styles: {
     root: {
         typography: string;
-        marginBlockStart: ({ spacing }: Theme) => string;
         color: (theme: Theme) => string;
+        marginBlockStart: ({ spacing }: Theme) => string;
     };
     clamped: {
         display: "-webkit-box";
@@ -14,4 +14,15 @@ export declare const styles: {
     expanded: {
         display: "block";
     };
+    linkButton: {
+        padding: number;
+        minWidth: string;
+        textTransform: "none";
+        typography: string;
+        fontWeight: number;
+        textDecoration: string;
+        '&:hover': {
+            backgroundColor: "transparent";
+        };
+    };
 };

package/dist/types/widgets/note/types.d.ts

@@ -1,7 +1,8 @@
-import { WidgetState } from '../stores/types';
-export type NoteProps = Pick<WidgetState, 'id'> & {
+import { MarkdownComponentProps } from '../markdown';
+export interface NoteProps {
+    children: MarkdownComponentProps['children'];
     labels?: {
         showMore?: string;
         showLess?: string;
     };
-};
+}

package/dist/types/widgets/pie/config.d.ts

@@ -1,4 +1,5 @@
-import { PieConfig } from './types';
-export declare const pieConfig: (config: PieConfig & {
-    refUI?: import('react').Ref<HTMLElement | null>;
-}) => import('../_shared/chart-config/config-factory').ChartWidgetConfigResult<import('../echart').EchartWidgetData, PieConfig, "pie">;
+import { PieConfig, PieWidgetConfig, PieWidgetData } from './types';
+import { DownloadItem } from '../actions';
+import { ConfigProps } from '../root/types';
+export declare function pieDownloadConfig({ refUI, }: ConfigProps): DownloadItem<PieWidgetData>[];
+export declare function pieConfig(props: PieConfig): PieWidgetConfig;

package/dist/types/widgets/pie/index.d.ts

@@ -1,3 +1,3 @@
-export type { PieProps, PieWidgetData, PieWidgetState, PieWidgetConfig, } from './types';
-export { pieConfig } from './config';
+export type { PieWidgetData, PieWidgetState, PieWidgetConfig, PieConfig, } from './types';
+export { pieConfig, pieDownloadConfig } from './config';
 export { PieSkeleton } from './skeleton';

package/dist/types/widgets/pie/types.d.ts

@@ -1,15 +1,9 @@
-import { BaseWidgetProps } from '../widget/types';
-import { BaseConfig } from '../config-loader';
-import { EchartWidgetConfig, EchartWidgetData, EchartWidgetState } from '../echart';
-export interface PieProps extends BaseWidgetProps<PieWidgetConfig> {
-    type: 'pie';
-    data: PieWidgetData | undefined;
-}
+import { EchartWidgetData, EchartWidgetState } from '../echart';
+import { EchartWidgetOptionProps, EchartWidgetProps } from '../echart/types';
+import { ConfigProps } from '../root';
 export type PieWidgetData = EchartWidgetData;
 export type PieWidgetState = EchartWidgetState;
-export type PieWidgetConfig = PieConfig & EchartWidgetConfig & {
-    type: PieProps['type'];
+export type PieWidgetConfig = EchartWidgetProps & {
+    type: 'pie';
 };
-export interface PieConfig extends Omit<BaseConfig, 'data'> {
-    data?: PieWidgetData;
-}
+export type PieConfig = ConfigProps & EchartWidgetOptionProps<PieWidgetData>;

package/dist/types/widgets/range/config.d.ts

@@ -1,2 +1,6 @@
-import { RangeConfig, RangeWidgetConfig } from './types';
-export declare function rangeConfig({ refUI, data, ...props }: RangeConfig): RangeWidgetConfig;
+import { RangeWidgetConfig } from './types';
+export interface RangeConfigProps {
+    formatter?: (value: number) => string;
+    onChange?: (value: number[], index: number) => void;
+}
+export declare function rangeConfig(): RangeWidgetConfig;

package/dist/types/widgets/range/index.d.ts

@@ -1,5 +1,6 @@
 export { RangeUI } from './range-ui';
 export { RangeSkeleton } from './skeleton';
+export { rangeConfig } from './config';
 export { RangeItem } from './components/range-item';
-export type { RangeWidgetState, RangeUIProps, RangeDataItem, RangeWidgetData, RangeItemProps, } from './types';
+export type { RangeWidgetState, RangeWidgetConfig, RangeDownloadConfig, RangeUIProps, RangeDataItem, RangeWidgetData, RangeItemProps, } from './types';
 export { sanitizeRangeDataItem, sanitizeRangeDataItems } from './serializer';

package/dist/types/widgets/range/types.d.ts

@@ -1,14 +1,7 @@
 import { ReactNode } from 'react';
 import { BaseWidgetState, WidgetsStoreProps } from '../stores/types';
-import { DownloadState } from '../actions';
-import { DownloadConfigProps } from '../actions/download/types';
 import { WrapperState } from '../wrapper/types';
-import { BaseWidgetProps } from '../widget/types';
-import { BaseConfig } from '../config-loader';
-export interface RangeProps extends BaseWidgetProps<RangeWidgetConfig> {
-    type: 'range';
-    data: RangeWidgetData | undefined;
-}
+import { DownloadItem } from '../actions/download/types';
 export interface RangeUIProps {
     id: WidgetsStoreProps['id'];
 }
@@ -30,15 +23,11 @@ export interface RangeItemProps {
     index: number;
 }
 export type RangeWidgetData = RangeDataItem[];
-export type RangeWidgetState = BaseWidgetState<WrapperState<DownloadState<RangeProps & {
+export type RangeWidgetState = BaseWidgetState<WrapperState<RangeWidgetConfig>> & {
+    data: RangeWidgetData;
+};
+export interface RangeWidgetConfig {
     formatter?: (value: number) => string;
     onChange?: (value: number[], index: number) => void;
-}, RangeWidgetData>>>;
-export type RangeWidgetConfig = BaseConfig & DownloadConfigProps<RangeWidgetData> & {
-    type: RangeProps['type'];
-    formatter?: RangeWidgetState['formatter'];
-    onChange?: RangeWidgetState['onChange'];
-};
-export interface RangeConfig extends Omit<BaseConfig, 'data'> {
-    data?: RangeWidgetData;
 }
+export type RangeDownloadConfig = DownloadItem<RangeWidgetData>[];

package/dist/types/widgets/root/index.d.ts

@@ -1,2 +1,3 @@
 export { Root } from './root';
-export type { RootProps } from './types';
+export { mergeWidgetConfig } from './utils';
+export type { RootProps, ConfigProps } from './types';

package/dist/types/widgets/root/root.d.ts

@@ -1,2 +1,2 @@
 import { RootProps } from './types';
-export declare function Root(props: RootProps): import("react/jsx-runtime").JSX.Element;
+export declare function Root<T>(props: RootProps<T>): import("react/jsx-runtime").JSX.Element;