mirror of
https://github.com/apache/superset.git
synced 2026-05-30 12:49:17 +00:00
89 lines
2.8 KiB
TypeScript
89 lines
2.8 KiB
TypeScript
/**
|
|
* Licensed to the Apache Software Foundation (ASF) under one
|
|
* or more contributor license agreements. See the NOTICE file
|
|
* distributed with this work for additional information
|
|
* regarding copyright ownership. The ASF licenses this file
|
|
* to you under the Apache License, Version 2.0 (the
|
|
* "License"); you may not use this file except in compliance
|
|
* with the License. You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing,
|
|
* software distributed under the License is distributed on an
|
|
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
* KIND, either express or implied. See the License for the
|
|
* specific language governing permissions and limitations
|
|
* under the License.
|
|
*/
|
|
import { SupersetTheme } from '@apache-superset/core/theme';
|
|
import { ChartConfig, ChartConfigFeature } from '../types';
|
|
import ChartWrapper from '../components/ChartWrapper';
|
|
|
|
/**
|
|
* Create a chart component for a location.
|
|
*
|
|
* @param chartVizType The superset visualization type
|
|
* @param chartConfigs The chart configurations
|
|
* @param chartWidth The chart width
|
|
* @param chartHeight The chart height
|
|
* @param chartTheme The chart theme
|
|
* @returns The chart as React component
|
|
*/
|
|
export const createChartComponent = (
|
|
chartVizType: string,
|
|
chartConfig: ChartConfigFeature,
|
|
chartWidth: number,
|
|
chartHeight: number,
|
|
chartTheme: SupersetTheme,
|
|
chartLocale: string,
|
|
) => (
|
|
<ChartWrapper
|
|
vizType={chartVizType}
|
|
chartConfig={chartConfig}
|
|
width={chartWidth}
|
|
height={chartHeight}
|
|
theme={chartTheme}
|
|
locale={chartLocale}
|
|
/>
|
|
);
|
|
|
|
/**
|
|
* Simplifies a chart configuration by removing
|
|
* non-serializable properties.
|
|
*
|
|
* @param config The chart configuration to simplify.
|
|
* @returns The simplified chart configuration.
|
|
*/
|
|
export const simplifyConfig = (config: ChartConfig) => {
|
|
const simplifiedConfig: ChartConfig = {
|
|
type: config.type,
|
|
features: config.features.map(f => ({
|
|
type: f.type,
|
|
geometry: f.geometry,
|
|
properties: Object.keys(f.properties)
|
|
.filter(k => k !== 'refs')
|
|
.reduce((prev, cur) => ({ ...prev, [cur]: f.properties[cur] }), {}),
|
|
})),
|
|
};
|
|
return simplifiedConfig;
|
|
};
|
|
|
|
/**
|
|
* Check if two chart configurations are equal (deep equality).
|
|
*
|
|
* @param configA The first chart config for comparison.
|
|
* @param configB The second chart config for comparison.
|
|
* @returns True, if configurations are equal. False otherwise.
|
|
*/
|
|
export const isChartConfigEqual = (
|
|
configA: ChartConfig,
|
|
configB: ChartConfig,
|
|
) => {
|
|
const simplifiedConfigA = simplifyConfig(configA);
|
|
const simplifiedConfigB = simplifyConfig(configB);
|
|
return (
|
|
JSON.stringify(simplifiedConfigA) === JSON.stringify(simplifiedConfigB)
|
|
);
|
|
};
|