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

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

@@ -0,0 +1,24 @@
+import { Theme } from '@mui/material';
+export declare const styles: {
+    skeleton: {
+        graph: {
+            container: {
+                position: "relative";
+                display: "flex";
+                alignItems: "center";
+                justifyContent: "space-between";
+                flexDirection: "column";
+                gap: ({ spacing }: Theme) => string;
+                height: ({ spacing }: Theme) => string;
+            };
+        };
+        legend: {
+            display: "flex";
+            alignItems: "center";
+            gap: ({ spacing }: Theme) => string;
+            height: ({ spacing }: Theme) => string;
+            position: "absolute";
+            bottom: number;
+        };
+    };
+};

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

@@ -0,0 +1,15 @@
+import { BaseWidgetProps } from '../widget/types';
+import { BaseConfig } from '../config-loader';
+import { EchartWidgetConfig, EchartWidgetState } from '../echart';
+export interface ScatterplotProps extends BaseWidgetProps<ScatterplotWidgetConfig> {
+    type: 'scatterplot';
+    data: ScatterplotWidgetData | undefined;
+}
+export type ScatterplotWidgetData = [number, number][][];
+export type ScatterplotWidgetState = EchartWidgetState;
+export type ScatterplotWidgetConfig = ScatterplotConfig & EchartWidgetConfig<ScatterplotWidgetData> & {
+    type: ScatterplotProps['type'];
+};
+export interface ScatterplotConfig extends Omit<BaseConfig, 'data'> {
+    data?: ScatterplotWidgetData;
+}

package/dist/types/widgets/skeleton-loader/index.d.ts

@@ -0,0 +1,2 @@
+export { SkeletonLoader } from './skeleton-loader';
+export type { SkeletonLoaderProps } from './types';

package/dist/types/widgets/skeleton-loader/skeleton-loader.d.ts

@@ -0,0 +1,2 @@
+import { SkeletonLoaderProps } from './types';
+export declare function SkeletonLoader({ id, children, Skeleton, }: SkeletonLoaderProps): string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/types/widgets/skeleton-loader/types.d.ts

@@ -0,0 +1,7 @@
+import { ElementType, ReactNode } from 'react';
+import { WidgetState } from '../stores/types';
+export interface SkeletonLoaderProps {
+    id: WidgetState['id'];
+    Skeleton: ElementType | null;
+    children: ReactNode;
+}

package/dist/types/widgets/spread/components/max-value.d.ts

@@ -0,0 +1,2 @@
+import { ValueProps } from '../types';
+export declare function MaxValue({ id, index, ...props }: ValueProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/widgets/spread/components/min-value.d.ts

@@ -0,0 +1,2 @@
+import { ValueProps } from '../types';
+export declare function MinValue({ id, index, ...props }: ValueProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/widgets/spread/components/separator.d.ts

@@ -0,0 +1,2 @@
+import { ItemProps } from '../../formula/types';
+export declare function Separator(props: Omit<ItemProps, 'children'>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { SpreadConfig, SpreadWidgetConfig } from './types';
+export declare function spreadConfig({ refUI, data, ...props }: SpreadConfig): SpreadWidgetConfig;

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

@@ -0,0 +1,8 @@
+export { SpreadUI } from './spread-ui';
+export { SpreadSkeleton } from './skeleton';
+export { MinValue } from './components/min-value';
+export { MaxValue } from './components/max-value';
+export { Separator } from './components/separator';
+export { Item, Row, Prefix, Suffix, Series } from '../formula';
+export type { RowProps, ValueProps, SpreadWidgetState, ItemProps, SpreadDataItem, SpreadUIProps, } from './types';
+export type { SeriesConfig } from '../formula/types';

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

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

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

@@ -0,0 +1,2 @@
+import { SpreadUIProps } from './types';
+export declare function SpreadUI(props: SpreadUIProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,21 @@
+import { Theme } from '@mui/material';
+export declare const styles: {
+    root: {
+        display: "flex";
+        flexDirection: "column";
+        gap: (theme: Theme) => string;
+    };
+    item: {
+        '&[data-disabled="true"]': {
+            color: (theme: Theme) => string;
+        };
+    };
+    row: {
+        display: "flex";
+        alignItems: "center";
+        gap: (theme: Theme) => string;
+        '& + &': {
+            marginTop: (theme: Theme) => string;
+        };
+    };
+};

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

@@ -0,0 +1,52 @@
+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';
+import { SeriesConfig } from '../formula/types';
+export interface SpreadProps extends BaseWidgetProps<SpreadWidgetConfig> {
+    type: 'spread';
+    data: SpreadWidgetData | undefined;
+}
+export interface SpreadUIProps {
+    id: WidgetsStoreProps['id'];
+}
+export interface SpreadDataItem {
+    min: number;
+    max: number;
+    prefix?: string | ReactNode;
+    suffix?: string | ReactNode;
+    color?: string;
+}
+export interface RowProps {
+    id: WidgetsStoreProps['id'];
+    children: ReactNode | ((props: {
+        index: number;
+    }) => ReactNode);
+}
+export interface ValueProps extends Omit<ItemProps, 'children'> {
+    id: WidgetsStoreProps['id'];
+    index?: number;
+}
+export interface ItemProps {
+    children: ReactNode;
+    disabled?: boolean;
+    TypographyProps?: TypographyProps;
+}
+export type SpreadWidgetData = SpreadDataItem[];
+export type SpreadWidgetState = BaseWidgetState<WrapperState<DownloadState<SpreadProps & {
+    formatter?: (value: number) => string;
+    series?: SeriesConfig[];
+}, SpreadWidgetData>>>;
+export type SpreadWidgetConfig = BaseConfig & DownloadConfigProps<SpreadWidgetData> & {
+    type: SpreadProps['type'];
+    formatter?: SpreadWidgetState['formatter'];
+    series?: SeriesConfig[];
+};
+export interface SpreadConfig extends Omit<BaseConfig, 'data'> {
+    data?: SpreadWidgetData;
+    series?: SeriesConfig[];
+}

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

@@ -0,0 +1,69 @@
+import { RefObject } from 'react';
+export interface WidgetsStoreProps {
+    /** Unique identifier for the widget */
+    id: string;
+    /** Type of widget */
+    type: string;
+    /** Widget title/label */
+    title?: string;
+    /** Loading state */
+    isLoading: boolean;
+    /** Fetching state (e.g., for async data) */
+    isFetching?: boolean;
+    /** Error message if any */
+    error?: string;
+    /** Whether widget is visible */
+    visible: boolean;
+    /** Widget data - flexible to accommodate different widget types */
+    data?: unknown;
+    /** Additional notes about the widget */
+    note?: string;
+    /** Reference to the widget ui instance */
+    refUI?: RefObject<HTMLElement | null>;
+}
+/**
+ * Base widget state interface
+ */
+export type BaseWidgetState<T> = WidgetsStoreProps & T;
+/**
+ * Union type for all widget states
+ */
+export type WidgetState = BaseWidgetState<unknown>;
+/**
+ * Widget store state
+ */
+export interface WidgetStoreState {
+    /** Map of widget id to widget state */
+    widgets: Record<string, WidgetState>;
+}
+/**
+ * Widget store actions
+ */
+export interface WidgetStoreActions {
+    /**
+     * Add or update a widget in the store
+     * @param id - Widget ID
+     * @param widget - Widget state properties to merge (accepts any object structure)
+     * @template T - Optional type parameter for backward compatibility (unused)
+     */
+    setWidget: <T extends WidgetState>(id: WidgetState['id'], widget: Partial<Omit<T, 'id'>>) => void;
+    /**
+     * Remove a widget from the store
+     * @param id - Widget ID to remove
+     */
+    removeWidget: (id: WidgetState['id']) => void;
+    /**
+     * Clear all widgets
+     */
+    clearWidgets: () => void;
+    /**
+     * Get widget by ID
+     * @param id - Widget ID
+     * @returns Widget state or undefined if not found
+     */
+    getWidget: <T extends WidgetState = WidgetState>(id: WidgetState['id']) => T | undefined;
+}
+/**
+ * Complete widget store interface
+ */
+export type WidgetStore = WidgetStoreState & WidgetStoreActions;

package/dist/types/widgets/stores/widget-store.d.ts

@@ -0,0 +1,64 @@
+import { WidgetState, WidgetStore } from './types';
+/**
+ * Zustand store for managing widget state across the application.
+ *
+ * This store provides centralized state management for all widget UI components
+ *
+ * @example
+ * ```tsx
+ * // Import the store
+ * import { useWidgetStore } from '@carto/ps-react-ui/widgets'
+ *
+ * // Use in a component
+ * function MyWidget() {
+ *   const setWidget = useWidgetStore((state) => state.setWidget)
+ *   const widget = useWidgetStore((state) => state.widgets['my-widget'])
+ *
+ *   useEffect(() => {
+ *     setWidget({
+ *       id: 'my-widget',
+ *       type: 'formula',
+ *       title: 'Total Sales',
+ *       isLoading: false,
+ *       visible: true,
+ *       data: { value: 1000, prefix: '$' }
+ *     })
+ *   }, [setWidget])
+ *
+ *   return <div>{widget?.data?.value}</div>
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Get widgets by type
+ * const getWidgetsByType = useWidgetStore((state) => state.getWidgetsByType)
+ * const formulaWidgets = getWidgetsByType('formula')
+ * ```
+ */
+export declare const useWidgetStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<WidgetStore>, "setState" | "devtools"> & {
+    setState(partial: WidgetStore | Partial<WidgetStore> | ((state: WidgetStore) => WidgetStore | Partial<WidgetStore>), replace?: false | undefined, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    setState(state: WidgetStore | ((state: WidgetStore) => WidgetStore), replace: true, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    devtools: {
+        cleanup: () => void;
+    };
+}>;
+/** Hook to get a specific widget by ID
+ * @param id - Widget ID
+ * @returns Widget state or undefined if not found
+ * @example
+ * ```tsx
+ * const widget = useWidget('widget-1')
+ * ```
+ */
+export declare const useWidget: <T extends WidgetState>(id: string) => T | undefined;

package/dist/types/widgets/stores/widget-store.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,4 @@
+import { TimeseriesConfig } from './types';
+export declare const timeseriesConfig: (config: TimeseriesConfig & {
+    refUI?: import('react').Ref<HTMLElement | null>;
+}) => import('../_shared/chart-config/config-factory').ChartWidgetConfigResult<import('../echart').EchartWidgetData, TimeseriesConfig, "timeseries">;

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

@@ -0,0 +1,3 @@
+export type { TimeseriesProps, TimeseriesWidgetData, TimeseriesWidgetState, TimeseriesWidgetConfig, TimeseriesConfig, } from './types';
+export { timeseriesConfig } from './config';
+export { TimeseriesSkeleton } from './skeleton';

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

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

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

@@ -0,0 +1,38 @@
+import { Theme } from '@mui/material';
+export declare const styles: {
+    skeleton: {
+        graph: {
+            container: {
+                position: "relative";
+                display: "flex";
+                alignItems: "center";
+                justifyContent: "space-between";
+                flexDirection: "column";
+                gap: ({ spacing }: Theme) => string;
+                height: ({ spacing }: Theme) => string;
+            };
+            grid: {
+                display: "flex";
+                justifyContent: "space-between";
+                flex: "1 1 auto";
+                alignItems: "flex-end";
+                width: "100%";
+            };
+        };
+        histogram: {
+            item: {
+                flex: number;
+                maxWidth: ({ spacing }: Theme) => string;
+                '& + &': {
+                    marginLeft: string;
+                };
+            };
+        };
+        legend: {
+            display: "flex";
+            alignItems: "center";
+            gap: ({ spacing }: Theme) => string;
+            height: ({ spacing }: Theme) => string;
+        };
+    };
+};

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

@@ -0,0 +1,15 @@
+import { BaseWidgetProps } from '../widget/types';
+import { BaseConfig } from '../config-loader';
+import { EchartWidgetConfig, EchartWidgetData, EchartWidgetState } from '../echart';
+export interface TimeseriesProps extends Omit<BaseWidgetProps<TimeseriesWidgetConfig>, 'data'> {
+    type: 'timeseries';
+    data: TimeseriesWidgetData | undefined;
+}
+export type TimeseriesWidgetData = EchartWidgetData;
+export type TimeseriesWidgetState = EchartWidgetState;
+export type TimeseriesWidgetConfig = TimeseriesConfig & EchartWidgetConfig<TimeseriesWidgetData> & {
+    type: TimeseriesProps['type'];
+};
+export interface TimeseriesConfig extends Omit<BaseConfig, 'data'> {
+    data?: TimeseriesWidgetData;
+}

package/dist/types/widgets/widget/const.d.ts

@@ -0,0 +1,2 @@
+import { WidgetComponentConfig } from './types';
+export declare const WIDGET_CONFIG_MAP: WidgetComponentConfig;

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

@@ -0,0 +1,47 @@
+import { DownloadProps } from '../actions/download/types';
+import { FullScreenProps } from '../actions/fullscreen/types';
+import { WrapperUIProps, WrapperProps } from '../wrapper';
+import { BaseConfig, ConfigProps } from '../config-loader';
+import { FormulaProps, FormulaWidgetConfig } from '../formula/types';
+import { RootProps } from '../root/types';
+import { ComponentType } from 'react';
+import { BarProps, BarWidgetConfig } from '../bar/types';
+import { PieProps, PieWidgetConfig } from '../pie/types';
+import { ScatterplotProps, ScatterplotWidgetConfig } from '../scatterplot/types';
+import { TimeseriesProps, TimeseriesWidgetConfig } from '../timeseries/types';
+import { HistogramProps, HistogramWidgetConfig } from '../histogram/types';
+import { SpreadProps, SpreadWidgetConfig } from '../spread/types';
+import { RangeProps, RangeWidgetConfig } from '../range/types';
+import { MarkdownProps, MarkdownWidgetConfig } from '../markdown/types';
+export interface BaseWidgetProps<C = unknown> extends Omit<RootProps, 'children'> {
+    children?: RootProps['children'];
+    config?: ConfigProps<C>['config'];
+    actions?: WrapperUIProps['actions'];
+    options?: WrapperUIProps['options'];
+    onChangeCollapsed?: WrapperProps['onChangeCollapsed'];
+    WrapperProps?: Pick<WrapperProps, 'sx' | 'Component' | 'labels'>;
+    ActionsProps?: {
+        download?: Pick<DownloadProps, 'Icon' | 'IconButtonProps'>;
+        fullScreen?: Pick<FullScreenProps, 'Icon'>;
+    };
+}
+export type WidgetProps = FormulaProps | BarProps | PieProps | ScatterplotProps | TimeseriesProps | HistogramProps | SpreadProps | RangeProps | MarkdownProps;
+export type WidgetConfig = FormulaWidgetConfig | BarWidgetConfig | PieWidgetConfig | ScatterplotWidgetConfig | TimeseriesWidgetConfig | HistogramWidgetConfig | SpreadWidgetConfig | RangeWidgetConfig | MarkdownWidgetConfig;
+export interface WidgetBaseComponentConfig<C = unknown> {
+    component: ComponentType<{
+        id: string;
+    }>;
+    skeleton: ComponentType;
+    defaultConfig: (props: BaseConfig) => C;
+}
+export interface WidgetComponentConfig {
+    formula: WidgetBaseComponentConfig<FormulaWidgetConfig>;
+    bar: WidgetBaseComponentConfig<BarWidgetConfig>;
+    pie: WidgetBaseComponentConfig<PieWidgetConfig>;
+    scatterplot: WidgetBaseComponentConfig<ScatterplotWidgetConfig>;
+    timeseries: WidgetBaseComponentConfig<TimeseriesWidgetConfig>;
+    histogram: WidgetBaseComponentConfig<HistogramWidgetConfig>;
+    spread: WidgetBaseComponentConfig<SpreadWidgetConfig>;
+    range: WidgetBaseComponentConfig<RangeWidgetConfig>;
+    markdown: WidgetBaseComponentConfig<MarkdownWidgetConfig>;
+}

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

@@ -0,0 +1,2 @@
+import { WidgetProps } from './types';
+export declare function Widget(props: WidgetProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/widgets/wrapper/components/actions.d.ts

@@ -0,0 +1,2 @@
+import { WrapperActionsProps } from '../types';
+export declare function Actions({ actions }: WrapperActionsProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/widgets/wrapper/components/options.d.ts

@@ -0,0 +1,2 @@
+import { WrapperOptionsProps } from '../types';
+export declare function Options({ labels, options }: WrapperOptionsProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/widgets/wrapper/components/title.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { WrapperOptionsProps } from '../types';
+export declare function Title({ label, children, }: {
+    children: ReactNode;
+    label?: NonNullable<WrapperOptionsProps['labels']>['title'];
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+export { Actions } from './components/actions';
+export { Options } from './components/options';
+export { Title } from './components/title';
+export { WrapperWidget } from './wrapper';
+export { WrapperUI } from './wrapper-ui';
+export type { WrapperProps, WrapperUIProps, WrapperState } from './types';

package/dist/types/widgets/wrapper/styles.d.ts

@@ -0,0 +1,83 @@
+import { Theme } from '@mui/material';
+export declare const styles: {
+    root: {
+        '.Mui-disabled .MuiAccordionSummary-expandIconWrapper': {
+            display: "none";
+        };
+        '.widget-wrapper-actions > *': {
+            opacity: number;
+            transition: ({ transitions }: Theme) => string;
+            '@media (hover: hover)': {
+                opacity: number;
+            };
+            '&:has(.active)': {
+                opacity: number;
+            };
+        };
+        '&:hover': {
+            '& .widget-wrapper-actions > *': {
+                opacity: number;
+            };
+        };
+        '&.collapsed .widget-wrapper-actions > *': {
+            opacity: number;
+            pointerEvents: "none";
+            '&:has(.active)': {
+                opacity: number;
+            };
+        };
+    };
+    summary: {
+        minHeight: ({ spacing }: Theme) => string;
+        '& .MuiAccordionSummary-content': {
+            gap: ({ spacing }: Theme) => string;
+            paddingInlineEnd: ({ spacing }: Theme) => string;
+        };
+    };
+    loading: {
+        height: ({ spacing }: Theme) => string;
+        left: number;
+        position: "absolute";
+        top: number;
+        width: string;
+        zIndex: number;
+    };
+    title: {
+        wrapper: {
+            flexGrow: number;
+            flexShrink: number;
+            minWidth: number;
+            display: "flex";
+            justifyContent: "center";
+            flexDirection: "column";
+        };
+        container: {
+            display: "flex";
+            alignItems: "center";
+            flexGrow: number;
+            minHeight: ({ spacing }: Theme) => string;
+        };
+        text: {
+            wordBreak: "break-word";
+            overflow: "hidden";
+            display: "-webkit-box";
+            WebkitLineClamp: number;
+            WebkitBoxOrient: "vertical";
+        };
+    };
+    actions: {
+        display: "flex";
+        gap: ({ spacing }: Theme) => string;
+        alignItems: "center";
+        flexShrink: number;
+        justifyContent: "flex-end";
+        '& > div': {
+            pointerEvents: "auto";
+        };
+    };
+    options: {
+        trigger: {
+            pointerEvents: "auto";
+        };
+    };
+};

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

@@ -0,0 +1,35 @@
+import { ReactNode, SyntheticEvent } from 'react';
+import { SxProps, Theme } from '@mui/material';
+import { BaseWidgetState } from '../stores/types';
+export interface WrapperProps extends Pick<WrapperUIProps, 'sx' | 'actions' | 'options' | 'labels' | 'children' | 'onChangeCollapsed'> {
+    id: WrapperState['id'];
+    Component?: ReactNode;
+}
+export type WrapperState<T = unknown> = BaseWidgetState<T & Pick<WrapperUIProps, 'collapsed' | 'disabled' | 'title'>>;
+export interface WrapperUIProps extends WrapperActionsProps, Omit<WrapperOptionsProps, 'labels' | ''> {
+    children: ReactNode;
+    title: string;
+    disabled?: boolean;
+    collapsed?: boolean;
+    isLoading?: boolean;
+    sx?: SxProps<Theme>;
+    labels?: {
+        options?: WrapperOptionsProps['labels'];
+    };
+    onChangeCollapsed?: (event: SyntheticEvent<Element, Event>, collapsed: boolean) => void;
+}
+export interface WrapperActionsProps {
+    actions?: ReactNode[];
+}
+export interface WrapperOptionsProps {
+    labels?: {
+        title: string;
+    };
+    options?: WrapperOption[];
+}
+export interface WrapperOption {
+    label: string;
+    disabled?: boolean;
+    icon?: ReactNode;
+    onClick: () => void;
+}

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

@@ -0,0 +1,2 @@
+import { WrapperUIProps } from './types';
+export declare function WrapperUI({ children, title, actions, disabled, isLoading, collapsed, sx, labels, options, onChangeCollapsed, }: WrapperUIProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { WrapperProps } from './types';
+export declare function WrapperWidget({ id, sx, actions, options, labels, Component, children, onChangeCollapsed, }: WrapperProps): string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element;

package/dist/use-config-BYEOiIcu.js

@@ -0,0 +1,43 @@
+import { c as W } from "react/compiler-runtime";
+import { u as C } from "./widget-store-yDO2ul8g.js";
+import "react";
+import { useTheme as w } from "@mui/material";
+function j(a) {
+  const e = W(16), {
+    id: t,
+    defaultConfig: c,
+    config: o
+  } = a;
+  let r;
+  e[0] !== t ? (r = (s) => s.widgets[t], e[0] = t, e[1] = r) : r = e[1];
+  const f = C(r), m = C(x), g = w();
+  f?.refUI, f?.data;
+  const p = f?.refUI, I = f?.data;
+  let i;
+  e[2] !== c || e[3] !== p || e[4] !== I || e[5] !== g ? (i = c({
+    refUI: p,
+    theme: g,
+    data: I
+  }), e[2] = c, e[3] = p, e[4] = I, e[5] = g, e[6] = i) : i = e[6];
+  const n = i;
+  let l;
+  e[7] !== o || e[8] !== n ? (l = o ? o(n) : n, e[7] = o, e[8] = n, e[9] = l) : l = e[9];
+  const U = l;
+  let d;
+  e[10] !== t || e[11] !== m ? (d = (s) => {
+    delete s.refUI, delete s.theme, delete s.data, m(t, s);
+  }, e[10] = t, e[11] = m, e[12] = d) : d = e[12];
+  const h = d;
+  let u;
+  return e[13] !== U || e[14] !== h ? (u = {
+    config: U,
+    run: h
+  }, e[13] = U, e[14] = h, e[15] = u) : u = e[15], u;
+}
+function x(a) {
+  return a.setWidget;
+}
+export {
+  j as u
+};
+//# sourceMappingURL=use-config-BYEOiIcu.js.map

package/dist/use-config-BYEOiIcu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-config-BYEOiIcu.js","sources":["../src/widgets/config-loader/use-config.ts"],"sourcesContent":["import { useWidgetStore } from '../stores/widget-store'\nimport type { BaseConfig, ConfigProps } from './types'\nimport { useCallback, useMemo } from 'react'\nimport { useTheme } from '@mui/material'\n\nexport function useConfig<T>({ id, defaultConfig, config }: ConfigProps<T>): {\n  config: T\n  run: (config: Partial<Omit<T & BaseConfig, 'id'>>) => void\n} {\n  const widget = useWidgetStore((state) => state.widgets[id])\n  const setWidget = useWidgetStore((state) => state.setWidget)\n\n  const theme = useTheme()\n\n  const defaultCfg = useMemo(() => {\n    return defaultConfig({\n      refUI: widget?.refUI,\n      theme,\n      data: widget?.data,\n    })\n  }, [defaultConfig, widget?.refUI, widget?.data, theme])\n\n  const result = useMemo(() => {\n    return config ? config(defaultCfg) : defaultCfg\n  }, [config, defaultCfg])\n\n  const run = useCallback(\n    (config: Partial<Omit<T & BaseConfig, 'id'>>) => {\n      delete config.refUI\n      delete config.theme\n      delete config.data\n      setWidget(id, config)\n    },\n    [id, setWidget],\n  )\n\n  return {\n    config: result,\n    run,\n  }\n}\n"],"names":["useConfig","t0","$","_c","id","defaultConfig","config","t1","state","widgets","widget","useWidgetStore","setWidget","_temp","theme","useTheme","refUI","data","t2","t3","t4","defaultCfg","t5","result","t6","config_0","run","t7","state_0"],"mappings":";;;;AAKO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAsB;AAAA,IAAAC,IAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,QAAAA;AAAAA,EAAAA,IAAAL;AAA6C,MAAAM;AAAA,EAAAL,SAAAE,KAI1CG,IAAAC,CAAAA,MAAWA,EAAKC,QAASL,CAAE,GAACF,OAAAE,GAAAF,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAA1D,QAAAQ,IAAeC,EAAeJ,CAA4B,GAC1DK,IAAkBD,EAAeE,CAA0B,GAE3DC,IAAcC,EAAAA;AAQKL,EAAAA,GAAMM,OAASN,GAAMO;AAJ7B,QAAAC,IAAAR,GAAMM,OAEPG,IAAAT,GAAMO;AAAM,MAAAG;AAAA,EAAAlB,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAgB,KAAAhB,EAAA,CAAA,MAAAiB,KAAAjB,SAAAY,KAHbM,IAAAf,EAAc;AAAA,IAAAW,OACZE;AAAAA,IAAaJ,OAAAA;AAAAA,IAAAG,MAEdE;AAAAA,EAAAA,CACP,GAACjB,OAAAG,GAAAH,OAAAgB,GAAAhB,OAAAiB,GAAAjB,OAAAY,GAAAZ,OAAAkB,KAAAA,IAAAlB,EAAA,CAAA;AALJ,QAAAmB,IACED;AAKqD,MAAAE;AAAA,EAAApB,EAAA,CAAA,MAAAI,KAAAJ,SAAAmB,KAG9CC,IAAAhB,IAASA,EAAOe,CAAuB,IAAvCA,GAAwCnB,OAAAI,GAAAJ,OAAAmB,GAAAnB,OAAAoB,KAAAA,IAAApB,EAAA,CAAA;AADjD,QAAAqB,IACED;AACsB,MAAAE;AAAA,EAAAtB,EAAA,EAAA,MAAAE,KAAAF,UAAAU,KAGtBY,IAAAC,CAAAA,MAAA;AACE,WAAOnB,EAAMU,OACb,OAAOV,EAAMQ,OACb,OAAOR,EAAMW,MACbL,EAAUR,GAAIE,CAAM;AAAA,EAAC,GACtBJ,QAAAE,GAAAF,QAAAU,GAAAV,QAAAsB,KAAAA,IAAAtB,EAAA,EAAA;AANH,QAAAwB,IAAYF;AAQX,MAAAG;AAAA,SAAAzB,EAAA,EAAA,MAAAqB,KAAArB,UAAAwB,KAEMC,IAAA;AAAA,IAAArB,QACGiB;AAAAA,IAAMG,KAAAA;AAAAA,EAAAA,GAEfxB,QAAAqB,GAAArB,QAAAwB,GAAAxB,QAAAyB,KAAAA,IAAAzB,EAAA,EAAA,GAHMyB;AAGN;AAlCI,SAAAd,EAAAe,GAAA;AAAA,SAKuCpB,EAAKI;AAAU;"}