@adminforth/dashboard 1.4.0 → 1.4.1

package/{dist/custom/widgets/chart/stacked-bar → custom/widgets/chart}/StackedBarChart.vue

@@ -1,6 +1,101 @@
+<template>
+  <div
+    ref="rootEl"
+    class="grid h-full min-h-0 w-full grid-rows-[auto_minmax(0,1fr)] gap-3 overflow-hidden"
+  >
+    <div
+      v-if="showLegend"
+      class="flex flex-wrap items-center gap-3 text-xs text-lightListTableText dark:text-darkListTableText"
+      :class="isCompact ? 'justify-start' : 'justify-end'"
+    >
+      <div
+        v-for="series in normalizedSeries"
+        :key="series.name"
+        class="flex items-center gap-1.5"
+      >
+        <span
+          class="h-2.5 w-2.5 rounded-full"
+          :style="{ backgroundColor: series.color }"
+        />
+        <span>{{ series.name }}</span>
+      </div>
+    </div>
+
+    <div
+      ref="svgEl"
+      class="min-h-0 overflow-hidden"
+    >
+      <svg
+        v-if="chartWidth > 0 && chartHeight > 0"
+        class="block h-full w-full"
+        :viewBox="`0 0 ${chartWidth} ${chartHeight}`"
+        role="img"
+        :aria-label="xField"
+      >
+        <g class="text-lightListTableText dark:text-darkListTableText">
+          <line
+            v-for="tick in yTicks"
+            :key="tick.y"
+            :x1="padding.left"
+            :x2="chartWidth - padding.right"
+            :y1="tick.y"
+            :y2="tick.y"
+            stroke="currentColor"
+            stroke-opacity="0.14"
+          />
+          <text
+            v-for="tick in yTicks"
+            :key="`label-${tick.y}`"
+            :x="padding.left - 8"
+            :y="tick.y + 4"
+            fill="currentColor"
+            font-size="11"
+            text-anchor="end"
+          >
+            {{ formatChartValue(tick.value) }}
+          </text>
+        </g>
+
+        <g
+          v-for="(bar, barIndex) in bars"
+          :key="bar.label"
+        >
+          <rect
+            v-for="segment in bar.segments"
+            :key="segment.id"
+            v-show="segment.height > 0"
+            :x="bar.x"
+            :y="segment.y"
+            :width="barWidth"
+            :height="segment.height"
+            :fill="segment.color"
+            rx="3"
+          >
+            <title>{{ getBarTooltip(bar) }}</title>
+          </rect>
+
+          <text
+            v-if="visibleLabelIndexes.has(barIndex)"
+            :x="bar.x + barWidth / 2"
+            :y="padding.top + innerHeight + 24"
+            fill="currentColor"
+            font-size="11"
+            text-anchor="middle"
+            class="text-lightListTableText dark:text-darkListTableText"
+          >
+            {{ bar.axisLabel }}
+          </text>
+        </g>
+      </svg>
+    </div>
+  </div>
+</template>
+
+
+
 <script setup lang="ts">
 import { computed } from 'vue'
-import { useElementSize } from '../../../composables/useElementSize.js'
+import { useElementSize } from '../../composables/useElementSize.js'
 import {
   CHART_COLORS,
   formatChartAxisLabel,
@@ -8,7 +103,7 @@ import {
   formatChartValue,
   getChartYAxisWidth,
   toFiniteNumber,
-} from '../chart.utils.js'
+} from './chart.utils.js'
 
 const props = withDefaults(defineProps<{
   rows: Record<string, unknown>[]
@@ -146,96 +241,3 @@ function getBarTooltip(bar: { label: string, total: number, segments: Array<{ na
   ].join('\n')
 }
 </script>
-
-<template>
-  <div
-    ref="rootEl"
-    class="grid h-full min-h-0 w-full grid-rows-[auto_minmax(0,1fr)] gap-3 overflow-hidden"
-  >
-    <div
-      v-if="showLegend"
-      class="flex flex-wrap items-center gap-3 text-xs text-lightListTableText dark:text-darkListTableText"
-      :class="isCompact ? 'justify-start' : 'justify-end'"
-    >
-      <div
-        v-for="series in normalizedSeries"
-        :key="series.name"
-        class="flex items-center gap-1.5"
-      >
-        <span
-          class="h-2.5 w-2.5 rounded-full"
-          :style="{ backgroundColor: series.color }"
-        />
-        <span>{{ series.name }}</span>
-      </div>
-    </div>
-
-    <div
-      ref="svgEl"
-      class="min-h-0 overflow-hidden"
-    >
-      <svg
-        v-if="chartWidth > 0 && chartHeight > 0"
-        class="block h-full w-full"
-        :viewBox="`0 0 ${chartWidth} ${chartHeight}`"
-        role="img"
-        :aria-label="xField"
-      >
-        <g class="text-lightListTableText dark:text-darkListTableText">
-          <line
-            v-for="tick in yTicks"
-            :key="tick.y"
-            :x1="padding.left"
-            :x2="chartWidth - padding.right"
-            :y1="tick.y"
-            :y2="tick.y"
-            stroke="currentColor"
-            stroke-opacity="0.14"
-          />
-          <text
-            v-for="tick in yTicks"
-            :key="`label-${tick.y}`"
-            :x="padding.left - 8"
-            :y="tick.y + 4"
-            fill="currentColor"
-            font-size="11"
-            text-anchor="end"
-          >
-            {{ formatChartValue(tick.value) }}
-          </text>
-        </g>
-
-        <g
-          v-for="(bar, barIndex) in bars"
-          :key="bar.label"
-        >
-          <rect
-            v-for="segment in bar.segments"
-            :key="segment.id"
-            v-show="segment.height > 0"
-            :x="bar.x"
-            :y="segment.y"
-            :width="barWidth"
-            :height="segment.height"
-            :fill="segment.color"
-            rx="3"
-          >
-            <title>{{ getBarTooltip(bar) }}</title>
-          </rect>
-
-          <text
-            v-if="visibleLabelIndexes.has(barIndex)"
-            :x="bar.x + barWidth / 2"
-            :y="padding.top + innerHeight + 24"
-            fill="currentColor"
-            font-size="11"
-            text-anchor="middle"
-            class="text-lightListTableText dark:text-darkListTableText"
-          >
-            {{ bar.axisLabel }}
-          </text>
-        </g>
-      </svg>
-    </div>
-  </div>
-</template>

package/custom/widgets/chart/chart.types.ts

@@ -38,31 +38,3 @@ export type ChartWidgetConfig = {
   color?: string
   colors?: string[]
 }
-
-export type NormalizedChartWidgetConfig = ChartWidgetConfig
-
-export function normalizeChartWidgetConfig(value: unknown): NormalizedChartWidgetConfig | undefined {
-  if (!isRecord(value) || !normalizeChartWidgetType(value.type)) {
-    return undefined
-  }
-
-  return value as ChartWidgetConfig
-}
-
-function normalizeChartWidgetType(value: unknown): ChartWidgetType | undefined {
-  switch (value) {
-    case 'line':
-    case 'pie':
-    case 'bar':
-    case 'stacked_bar':
-    case 'funnel':
-    case 'histogram':
-      return value
-    default:
-      return undefined
-  }
-}
-
-function isRecord(value: unknown): value is Record<string, unknown> {
-  return typeof value === 'object' && value !== null
-}

package/dist/custom/api/dashboardApi.d.ts

@@ -1,8 +1,4 @@
-import type { DashboardConfig, DashboardGroupConfig, DashboardGroupMoveDirection, DashboardWidgetConfig, DashboardWidgetMoveDirection } from '../model/dashboard.types.js';
-export type DashboardWidgetConfigValidationError = {
-    field: string;
-    message: string;
-};
+import type { DashboardConfig, EditableDashboardGroupConfig, DashboardGroupMoveDirection, DashboardWidgetConfig, DashboardWidgetConfigValidationError, DashboardWidgetMoveDirection } from '../model/dashboard.types.js';
 export type DashboardResponse = {
     id: string;
     slug: string;
@@ -26,14 +22,14 @@ export declare class DashboardApiError extends Error {
 }
 export declare const dashboardApi: {
     getDashboardConfig(slug: string): Promise<DashboardResponse>;
-    setDashboardConfig(slug: string, config: DashboardConfig): Promise<DashboardResponse>;
+    setDashboardConfig(slug: string, config: unknown): Promise<DashboardResponse>;
     addDashboardGroup(slug: string): Promise<DashboardResponse>;
     moveDashboardGroup(slug: string, groupId: string, direction: DashboardGroupMoveDirection): Promise<DashboardResponse>;
     removeDashboardGroup(slug: string, groupId: string): Promise<DashboardResponse>;
-    setDashboardGroupConfig(slug: string, groupId: string, config: DashboardGroupConfig): Promise<DashboardResponse>;
+    setDashboardGroupConfig(slug: string, groupId: string, config: EditableDashboardGroupConfig): Promise<DashboardResponse>;
     addDashboardWidget(slug: string, groupId: string): Promise<DashboardResponse>;
     moveDashboardWidget(slug: string, widgetId: string, direction: DashboardWidgetMoveDirection): Promise<DashboardResponse>;
     removeDashboardWidget(slug: string, widgetId: string): Promise<DashboardResponse>;
-    setWidgetConfig(slug: string, widgetId: string, config: DashboardWidgetConfig): Promise<DashboardResponse>;
+    setWidgetConfig(slug: string, widgetId: string, config: unknown): Promise<DashboardResponse>;
     getDashboardWidgetData(slug: string, widgetId: string, request?: DashboardWidgetDataRequest): Promise<DashboardWidgetDataResponse>;
 };

package/dist/custom/api/dashboardApi.ts

@@ -1,16 +1,13 @@
 import type {
   DashboardConfig,
-  DashboardGroupConfig,
+  EditableDashboardGroupConfig,
+  EditableDashboardWidgetConfig,
   DashboardGroupMoveDirection,
   DashboardWidgetConfig,
+  DashboardWidgetConfigValidationError,
   DashboardWidgetMoveDirection,
 } from '../model/dashboard.types.js'
 
-export type DashboardWidgetConfigValidationError = {
-  field: string
-  message: string
-}
-
 export type DashboardResponse = {
   id: string
   slug: string
@@ -143,7 +140,7 @@ export const dashboardApi = {
     return callDashboardApi('/adminapi/v1/dashboard/get-config', { slug })
   },
 
-  async setDashboardConfig(slug: string, config: DashboardConfig): Promise<DashboardResponse> {
+  async setDashboardConfig(slug: string, config: unknown): Promise<DashboardResponse> {
     return callDashboardApi('/adminapi/v1/dashboard/set_dashboard_config', { slug, config })
   },
 
@@ -170,7 +167,7 @@ export const dashboardApi = {
     })
   },
 
-  async setDashboardGroupConfig(slug: string, groupId: string, config: DashboardGroupConfig): Promise<DashboardResponse> {
+  async setDashboardGroupConfig(slug: string, groupId: string, config: EditableDashboardGroupConfig): Promise<DashboardResponse> {
     return callDashboardApi('/adminapi/v1/dashboard/set_dashboard_group_config', {
       slug,
       groupId,
@@ -204,7 +201,7 @@ export const dashboardApi = {
     })
   },
 
-  async setWidgetConfig(slug: string, widgetId: string, config: DashboardWidgetConfig): Promise<DashboardResponse> {
+  async setWidgetConfig(slug: string, widgetId: string, config: unknown): Promise<DashboardResponse> {
     return callDashboardApi('/adminapi/v1/dashboard/set_widget_config', {
       slug,
       widgetId,

package/dist/custom/model/dashboard.types.d.ts

@@ -4,24 +4,32 @@ export type DashboardConfig = {
     groups: DashboardGroupConfig[];
     widgets: DashboardWidgetConfig[];
 };
-export type DashboardVariables = Record<string, unknown>;
+export type JsonValue = string | number | boolean | null | JsonValue[] | {
+    [key: string]: JsonValue;
+};
+export type DashboardVariables = Record<string, JsonValue>;
 export type DashboardGroupConfig = {
     id: string;
     label: string;
     order: number;
 };
+export type EditableDashboardGroupConfig = Pick<DashboardGroupConfig, 'label'>;
 export type DashboardGroupMoveDirection = 'up' | 'down';
 export type DashboardWidgetMoveDirection = 'up' | 'down';
 export type DashboardWidgetTarget = 'empty' | 'table' | 'chart' | 'kpi_card' | 'pivot_table' | 'gauge_card';
 export type DashboardWidgetSize = 'small' | 'medium' | 'large' | 'wide' | 'full';
+export type DashboardWidgetConfigValidationError = {
+    field: string;
+    message: string;
+};
 export type QueryAggregateOperation = 'sum' | 'count' | 'count_distinct' | 'avg' | 'min' | 'max' | 'median';
-export type TimeGrain = 'hour' | 'day' | 'week' | 'month' | 'quarter' | 'year';
+export type TimeGrain = 'day' | 'week' | 'month' | 'year';
 export type ValueFormat = 'number' | 'compact_number' | 'currency' | 'percent' | 'percent_delta' | 'number_delta' | 'currency_delta';
 export type WidgetLayout = {
     size?: DashboardWidgetSize;
     width?: number;
-    minWidth?: number;
-    maxWidth?: number | null;
+    min_width?: number;
+    max_width?: number | null;
     height?: number;
 };
 export type WidgetBaseConfig = {
@@ -32,8 +40,8 @@ export type WidgetBaseConfig = {
     size?: DashboardWidgetSize;
     width?: number;
     height?: number;
-    minWidth?: number;
-    maxWidth?: number | null;
+    min_width?: number;
+    max_width?: number | null;
     order: number;
 };
 export type FilterExpression = {
@@ -42,16 +50,16 @@ export type FilterExpression = {
     or: FilterExpression[];
 } | Array<FilterExpression> | {
     field: string;
-    eq?: unknown;
-    neq?: unknown;
-    gt?: unknown;
-    gte?: unknown;
-    lt?: unknown;
-    lte?: unknown;
-    in?: unknown[];
-    not_in?: unknown[];
-    like?: unknown;
-    ilike?: unknown;
+    eq?: JsonValue;
+    neq?: JsonValue;
+    gt?: JsonValue;
+    gte?: JsonValue;
+    lt?: JsonValue;
+    lte?: JsonValue;
+    in?: JsonValue[];
+    not_in?: JsonValue[];
+    like?: JsonValue;
+    ilike?: JsonValue;
 };
 export type QueryFieldSelectItem = {
     field: string;
@@ -83,19 +91,19 @@ export type QueryConfig = {
     resource: string;
     select?: QuerySelectItem[];
     filters?: FilterExpression;
-    groupBy?: QueryGroupByItem[];
-    orderBy?: QueryOrderByItem[];
+    group_by?: QueryGroupByItem[];
+    order_by?: QueryOrderByItem[];
     limit?: number;
     offset?: number;
-    timeSeries?: {
+    time_series?: {
         field: string;
         grain: TimeGrain;
         timezone?: string;
     };
     period?: {
         field: string;
-        gte?: unknown;
-        lt?: unknown;
+        gte?: JsonValue;
+        lt?: JsonValue;
     };
     bucket?: {
         field: string;
@@ -106,7 +114,7 @@ export type QueryConfig = {
         }>;
     };
     calcs?: QueryCalcSelectItem[];
-    formatting?: Record<string, unknown>;
+    formatting?: Record<string, JsonValue>;
 };
 export type FunnelQueryConfig = {
     steps: FunnelQueryStep[];
@@ -126,7 +134,7 @@ export type FieldRef = string | {
 export type TableViewConfig = {
     columns?: FieldRef[];
     pagination?: boolean;
-    pageSize?: number;
+    page_size?: number;
 };
 export type KpiCardViewConfig = {
     title?: string;
@@ -140,8 +148,8 @@ export type KpiCardViewConfig = {
         text?: string;
         field?: string;
     };
-    comparison?: unknown;
-    sparkline?: unknown;
+    comparison?: JsonValue;
+    sparkline?: JsonValue;
 };
 export type GaugeCardViewConfig = {
     title?: string;
@@ -157,9 +165,9 @@ export type GaugeCardViewConfig = {
         label?: string;
     };
     progress?: {
-        valueField: string;
-        targetValue?: number;
-        targetField?: string;
+        value_field: string;
+        target_value?: number;
+        target_field?: string;
         format?: ValueFormat;
     };
     color?: string;
@@ -203,6 +211,7 @@ export type PivotTableWidgetConfig = WidgetBaseConfig & {
     query: QueryConfig;
 };
 export type DashboardWidgetConfig = EmptyWidgetConfig | TableWidgetConfig | ChartDashboardWidgetConfig | KpiCardWidgetConfig | GaugeCardWidgetConfig | PivotTableWidgetConfig;
+export type EditableDashboardWidgetConfig = Omit<EmptyWidgetConfig, 'id' | 'group_id' | 'order'> | Omit<TableWidgetConfig, 'id' | 'group_id' | 'order'> | Omit<ChartDashboardWidgetConfig, 'id' | 'group_id' | 'order'> | Omit<KpiCardWidgetConfig, 'id' | 'group_id' | 'order'> | Omit<GaugeCardWidgetConfig, 'id' | 'group_id' | 'order'> | Omit<PivotTableWidgetConfig, 'id' | 'group_id' | 'order'>;
 export type DashboardWidgetTableData = {
     kind?: 'table';
     columns: string[];
@@ -227,8 +236,5 @@ export type DashboardWidgetAggregateData = {
     };
 };
 export type DashboardWidgetData = DashboardWidgetTableData | DashboardWidgetAggregateData;
-export declare function normalizeDashboardConfig(config: unknown): DashboardConfig;
-export declare function normalizeDashboardWidgetConfig(config: unknown): unknown;
-export declare function serializeDashboardWidgetConfigForEditor(widget: DashboardWidgetConfig): Record<string, unknown>;
+export declare function serializeDashboardWidgetConfigForEditor(widget: DashboardWidgetConfig): unknown;
 export declare function getFieldRefField(value: FieldRef | undefined): string | undefined;
-export declare function getFieldRefLabel(value: FieldRef | undefined): string | undefined;

package/dist/custom/model/dashboard.types.js

@@ -11,165 +11,12 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.normalizeDashboardConfig = normalizeDashboardConfig;
-exports.normalizeDashboardWidgetConfig = normalizeDashboardWidgetConfig;
 exports.serializeDashboardWidgetConfigForEditor = serializeDashboardWidgetConfigForEditor;
 exports.getFieldRefField = getFieldRefField;
-exports.getFieldRefLabel = getFieldRefLabel;
-function normalizeDashboardConfig(config) {
-    const value = isRecord(config) ? config : {};
-    return {
-        version: typeof value.version === 'number' ? value.version : 1,
-        groups: Array.isArray(value.groups) ? value.groups : [],
-        widgets: Array.isArray(value.widgets)
-            ? value.widgets.map((widget) => normalizeDashboardWidgetConfig(widget))
-            : [],
-    };
-}
-function normalizeDashboardWidgetConfig(config) {
-    if (!isRecord(config)) {
-        return config;
-    }
-    const normalized = Object.assign({}, config);
-    normalizeWidgetLayoutConfig(normalized);
-    if (normalized.query !== undefined) {
-        normalized.query = normalizeQueryConfig(normalized.query);
-    }
-    if (normalized.table !== undefined) {
-        normalized.table = normalizeTableConfig(normalized.table);
-    }
-    if (normalized.card !== undefined) {
-        normalized.card = normalizeCardConfig(normalized.card);
-    }
-    if (normalized.pivot !== undefined) {
-        normalized.pivot = normalizePivotConfig(normalized.pivot);
-    }
-    const target = normalizeDashboardWidgetTarget(normalized.target);
-    if (target !== undefined) {
-        normalized.target = target;
-    }
-    return normalized;
-}
 function serializeDashboardWidgetConfigForEditor(widget) {
-    const serialized = Object.assign({}, widget);
-    if (Object.prototype.hasOwnProperty.call(serialized, 'minWidth')) {
-        serialized.min_width = widget.minWidth;
-        delete serialized.minWidth;
-    }
-    if (Object.prototype.hasOwnProperty.call(serialized, 'maxWidth')) {
-        serialized.max_width = widget.maxWidth;
-        delete serialized.maxWidth;
-    }
-    if ('query' in widget) {
-        serialized.query = serializeQueryConfigForEditor(widget.query);
-    }
-    if ('table' in widget && widget.table !== undefined) {
-        serialized.table = serializeTableConfigForEditor(widget.table);
-    }
-    if ('card' in widget && widget.card !== undefined) {
-        serialized.card = serializeCardConfigForEditor(widget.card);
-    }
-    if ('pivot' in widget && widget.pivot !== undefined) {
-        serialized.pivot = serializePivotConfigForEditor(widget.pivot);
-    }
-    return serialized;
+    const { id: _id, group_id: _groupId, order: _order } = widget, editableWidget = __rest(widget, ["id", "group_id", "order"]);
+    return editableWidget;
 }
 function getFieldRefField(value) {
     return typeof value === 'string' ? value : value === null || value === void 0 ? void 0 : value.field;
 }
-function getFieldRefLabel(value) {
-    return typeof value === 'string' ? value : value === null || value === void 0 ? void 0 : value.label;
-}
-function normalizeDashboardWidgetTarget(value) {
-    switch (value) {
-        case 'empty':
-        case 'table':
-        case 'chart':
-        case 'kpi_card':
-        case 'pivot_table':
-        case 'gauge_card':
-            return value;
-        default:
-            return undefined;
-    }
-}
-function normalizeWidgetLayoutConfig(value) {
-    if (value.min_width !== undefined) {
-        value.minWidth = value.min_width;
-    }
-    if (value.max_width !== undefined) {
-        value.maxWidth = value.max_width;
-    }
-}
-function normalizeQueryConfig(value) {
-    if (!isRecord(value)) {
-        return value;
-    }
-    if (Array.isArray(value.steps)) {
-        return removeUndefinedFields({
-            steps: value.steps.map((step) => normalizeFunnelQueryStep(step)),
-            calcs: Array.isArray(value.calcs) ? value.calcs : undefined,
-        });
-    }
-    return Object.assign(Object.assign(Object.assign(Object.assign({}, value), (Array.isArray(value.group_by) ? { groupBy: value.group_by } : {})), (Array.isArray(value.order_by) ? { orderBy: value.order_by } : {})), (value.time_series !== undefined ? { timeSeries: value.time_series } : {}));
-}
-function normalizeFunnelQueryStep(value) {
-    if (!isRecord(value)) {
-        return value;
-    }
-    const { resource_id } = value, rest = __rest(value, ["resource_id"]);
-    return removeUndefinedFields(Object.assign(Object.assign({}, rest), { resource: typeof resource_id === 'string' ? resource_id : rest.resource }));
-}
-function normalizeTableConfig(value) {
-    if (!isRecord(value)) {
-        return value;
-    }
-    return Object.assign(Object.assign({}, value), (value.page_size !== undefined ? { pageSize: value.page_size } : {}));
-}
-function normalizeCardConfig(value) {
-    if (!isRecord(value)) {
-        return value;
-    }
-    const normalized = Object.assign({}, value);
-    if (isRecord(normalized.progress)) {
-        normalized.progress = Object.assign(Object.assign(Object.assign(Object.assign({}, normalized.progress), (normalized.progress.value_field !== undefined ? { valueField: normalized.progress.value_field } : {})), (normalized.progress.target_value !== undefined ? { targetValue: normalized.progress.target_value } : {})), (normalized.progress.target_field !== undefined ? { targetField: normalized.progress.target_field } : {}));
-    }
-    if (isRecord(normalized.comparison)) {
-        normalized.comparison = Object.assign(Object.assign({}, normalized.comparison), (normalized.comparison.positive_is_good !== undefined ? { positiveIsGood: normalized.comparison.positive_is_good } : {}));
-    }
-    return normalized;
-}
-function normalizePivotConfig(value) {
-    return value;
-}
-function serializeQueryConfigForEditor(value) {
-    if ('steps' in value) {
-        return removeUndefinedFields({
-            steps: value.steps.map((step) => (Object.assign(Object.assign({}, step), { resource_id: step.resource, resource: undefined }))).map((step) => removeUndefinedFields(step)),
-            calcs: value.calcs,
-        });
-    }
-    return removeUndefinedFields(Object.assign(Object.assign({}, value), { group_by: value.groupBy, groupBy: undefined, order_by: value.orderBy, orderBy: undefined, time_series: value.timeSeries, timeSeries: undefined }));
-}
-function serializeTableConfigForEditor(value) {
-    return removeUndefinedFields(Object.assign(Object.assign({}, value), { page_size: value.pageSize, pageSize: undefined }));
-}
-function serializeCardConfigForEditor(value) {
-    const serialized = Object.assign({}, value);
-    if (isRecord(serialized.progress)) {
-        serialized.progress = removeUndefinedFields(Object.assign(Object.assign({}, serialized.progress), { value_field: serialized.progress.valueField, valueField: undefined, target_value: serialized.progress.targetValue, targetValue: undefined, target_field: serialized.progress.targetField, targetField: undefined }));
-    }
-    if (isRecord(serialized.comparison)) {
-        serialized.comparison = removeUndefinedFields(Object.assign(Object.assign({}, serialized.comparison), { positive_is_good: serialized.comparison.positiveIsGood, positiveIsGood: undefined }));
-    }
-    return removeUndefinedFields(serialized);
-}
-function serializePivotConfigForEditor(value) {
-    return value;
-}
-function removeUndefinedFields(value) {
-    return Object.fromEntries(Object.entries(value).filter(([, item]) => item !== undefined));
-}
-function isRecord(value) {
-    return typeof value === 'object' && value !== null;
-}