@ohos-ports/superset-ui-core 0.20.4-beta.1

package/README.md

@@ -0,0 +1,42 @@
+<!--
+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.
+-->
+
+## @superset-ui/core
+
+[![Version](https://img.shields.io/npm/v/@superset-ui/core.svg?style=flat)](https://www.npmjs.com/package/@superset-ui/core)
+[![Libraries.io](https://img.shields.io/librariesio/release/npm/%40superset-ui%2Fcore?style=flat)](https://libraries.io/npm/@superset-ui%2Fcore)
+
+Description
+
+#### Example usage
+
+```js
+import { xxx } from '@superset-ui/core';
+```
+
+#### API
+
+`fn(args)`
+
+- TBD
+
+### Development
+
+`@data-ui/build-config` is used to manage the build configuration for this package including babel
+builds, jest testing, eslint, and prettier.

package/esm/api/index.js

@@ -0,0 +1 @@
+export * from './types/core.js';

package/esm/api/types/core.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core.js","names":[],"sources":["../../../src/api/types/core.ts"],"sourcesContent":["/**\n * Licensed to the Apache Software Foundation (ASF) under one\n * or more contributor license agreements.  See the NOTICE file\n * distributed with this work for additional information\n * regarding copyright ownership.  The ASF licenses this file\n * to you under the Apache License, Version 2.0 (the\n * \"License\"); you may not use this file except in compliance\n * with the License.  You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied.  See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\n// /superset/sqllab_viz\ninterface SqlLabPostRequest {\n  data: {\n    schema: string;\n    sql: string;\n    dbId: number;\n    templateParams?: string | undefined;\n    datasourceName: string;\n    metrics?: string[];\n    columns?: string[];\n  };\n}\n"],"mappings":"","ignoreList":[]}

package/esm/chart/clients/ChartClient.js

@@ -0,0 +1,201 @@
+/*
+ * 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 {
+  isDefined,
+  SupersetClient } from
+
+
+
+
+
+'../../index.js';
+import getChartBuildQueryRegistry from '../registries/ChartBuildQueryRegistrySingleton.js';
+import getChartMetadataRegistry from '../registries/ChartMetadataRegistrySingleton.js';
+
+
+
+
+// This expands to Partial<All> & (union of all possible single-property types)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+export default class ChartClient {
+
+
+  constructor(
+  config =
+
+  {})
+  {this.client = void 0;
+    const { client = SupersetClient } = config;
+    this.client = client;
+  }
+
+  loadFormData(
+  input,
+  options)
+  {
+    /* If sliceId is provided, use it to fetch stored formData from API */
+    if ('sliceId' in input) {
+      const promise = this.client.
+      get({
+        endpoint: `/api/v1/form_data/?slice_id=${input.sliceId}`,
+        ...options
+      }).
+      then((response) => response.json);
+
+      /*
+       * If formData is also specified, override API result
+       * with user-specified formData
+       */
+      return promise.then((dbFormData) => ({
+        ...dbFormData,
+        ...input.formData
+      }));
+    }
+
+    /* If sliceId is not provided, returned formData wrapped in a Promise */
+    return input.formData ?
+    Promise.resolve(input.formData) :
+    Promise.reject(
+      new Error('At least one of sliceId or formData must be specified')
+    );
+  }
+
+  async loadQueryData(
+  formData,
+  options)
+  {
+    const { viz_type: visType } = formData;
+    const metaDataRegistry = getChartMetadataRegistry();
+    const buildQueryRegistry = getChartBuildQueryRegistry();
+
+    if (metaDataRegistry.has(visType)) {var _await$buildQueryRegi;
+      const { useLegacyApi } = metaDataRegistry.get(visType);
+      const buildQuery = (_await$buildQueryRegi =
+      await buildQueryRegistry.get(visType)) != null ? _await$buildQueryRegi : () => formData;
+      const requestConfig = useLegacyApi ?
+      {
+        endpoint: '/superset/explore_json/',
+        postPayload: {
+          form_data: buildQuery(formData)
+        },
+        ...options
+      } :
+      {
+        endpoint: '/api/v1/chart/data',
+        jsonPayload: {
+          query_context: buildQuery(formData)
+        },
+        ...options
+      };
+
+      return this.client.
+      post(requestConfig).
+      then((response) =>
+      Array.isArray(response.json) ? response.json : [response.json]
+      );
+    }
+
+    return Promise.reject(new Error(`Unknown chart type: ${visType}`));
+  }
+
+  loadDatasource(
+  datasourceKey,
+  options)
+  {
+    return this.client.
+    get({
+      endpoint: `/superset/fetch_datasource_metadata?datasourceKey=${datasourceKey}`,
+      ...options
+    }).
+    then((response) => response.json);
+  }
+
+  // eslint-disable-next-line class-methods-use-this
+  loadAnnotation(
+  annotationLayer)
+  {
+    /* When annotation does not require query */
+    if (!isDefined(annotationLayer.sourceType)) {
+      return Promise.resolve({});
+    }
+
+    // TODO: Implement
+    return Promise.reject(new Error('This feature is not implemented yet.'));
+  }
+
+  loadAnnotations(
+  annotationLayers)
+  {
+    if (Array.isArray(annotationLayers) && annotationLayers.length > 0) {
+      return Promise.all(
+        annotationLayers.map((layer) => this.loadAnnotation(layer))
+      ).then((results) =>
+      annotationLayers.reduce((prev, layer, i) => {
+        const output = prev;
+        output[layer.name] = results[i];
+
+        return output;
+      }, {})
+      );
+    }
+
+    return Promise.resolve({});
+  }
+
+  loadChartData(input) {
+    return this.loadFormData(input).then(
+      (
+      formData) =>
+
+
+
+
+      Promise.all([
+      this.loadAnnotations(formData.annotation_layers),
+      this.loadDatasource(formData.datasource),
+      this.loadQueryData(formData)]
+      ).then(([annotationData, datasource, queriesData]) => ({
+        annotationData,
+        datasource,
+        formData,
+        queriesData
+      }))
+    );
+  }
+}
+//# sourceMappingURL=ChartClient.js.map

package/esm/chart/clients/ChartClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartClient.js","names":["isDefined","SupersetClient","getChartBuildQueryRegistry","getChartMetadataRegistry","ChartClient","constructor","config","client","loadFormData","input","options","promise","get","endpoint","sliceId","then","response","json","dbFormData","formData","Promise","resolve","reject","Error","loadQueryData","viz_type","visType","metaDataRegistry","buildQueryRegistry","has","_await$buildQueryRegi","useLegacyApi","buildQuery","requestConfig","postPayload","form_data","jsonPayload","query_context","post","Array","isArray","loadDatasource","datasourceKey","loadAnnotation","annotationLayer","sourceType","loadAnnotations","annotationLayers","length","all","map","layer","results","reduce","prev","i","output","name","loadChartData","annotation_layers","datasource","annotationData","queriesData"],"sources":["../../../src/chart/clients/ChartClient.ts"],"sourcesContent":["/*\n * Licensed to the Apache Software Foundation (ASF) under one\n * or more contributor license agreements.  See the NOTICE file\n * distributed with this work for additional information\n * regarding copyright ownership.  The ASF licenses this file\n * to you under the Apache License, Version 2.0 (the\n * \"License\"); you may not use this file except in compliance\n * with the License.  You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied.  See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {\n  isDefined,\n  SupersetClient,\n  SupersetClientInterface,\n  RequestConfig,\n  SupersetClientClass,\n  QueryFormData,\n  Datasource,\n} from '../..';\nimport getChartBuildQueryRegistry from '../registries/ChartBuildQueryRegistrySingleton';\nimport getChartMetadataRegistry from '../registries/ChartMetadataRegistrySingleton';\nimport { QueryData } from '../types/QueryResponse';\nimport { AnnotationLayerMetadata } from '../types/Annotation';\nimport { PlainObject } from '../types/Base';\n\n// This expands to Partial<All> & (union of all possible single-property types)\ntype AtLeastOne<All, Each = { [K in keyof All]: Pick<All, K> }> = Partial<All> &\n  Each[keyof Each];\n\nexport type SliceIdAndOrFormData = AtLeastOne<{\n  sliceId: number;\n  formData: Partial<QueryFormData>;\n}>;\n\ninterface AnnotationData {\n  [key: string]: PlainObject;\n}\n\nexport interface ChartData {\n  annotationData: AnnotationData;\n  datasource: PlainObject;\n  formData: QueryFormData;\n  queriesData: QueryData[];\n}\n\nexport default class ChartClient {\n  readonly client: SupersetClientInterface | SupersetClientClass;\n\n  constructor(\n    config: {\n      client?: SupersetClientInterface | SupersetClientClass;\n    } = {},\n  ) {\n    const { client = SupersetClient } = config;\n    this.client = client;\n  }\n\n  loadFormData(\n    input: SliceIdAndOrFormData,\n    options?: Partial<RequestConfig>,\n  ): Promise<QueryFormData> {\n    /* If sliceId is provided, use it to fetch stored formData from API */\n    if ('sliceId' in input) {\n      const promise = this.client\n        .get({\n          endpoint: `/api/v1/form_data/?slice_id=${input.sliceId}`,\n          ...options,\n        } as RequestConfig)\n        .then(response => response.json as QueryFormData);\n\n      /*\n       * If formData is also specified, override API result\n       * with user-specified formData\n       */\n      return promise.then((dbFormData: QueryFormData) => ({\n        ...dbFormData,\n        ...input.formData,\n      }));\n    }\n\n    /* If sliceId is not provided, returned formData wrapped in a Promise */\n    return input.formData\n      ? Promise.resolve(input.formData as QueryFormData)\n      : Promise.reject(\n          new Error('At least one of sliceId or formData must be specified'),\n        );\n  }\n\n  async loadQueryData(\n    formData: QueryFormData,\n    options?: Partial<RequestConfig>,\n  ): Promise<QueryData[]> {\n    const { viz_type: visType } = formData;\n    const metaDataRegistry = getChartMetadataRegistry();\n    const buildQueryRegistry = getChartBuildQueryRegistry();\n\n    if (metaDataRegistry.has(visType)) {\n      const { useLegacyApi } = metaDataRegistry.get(visType)!;\n      const buildQuery =\n        (await buildQueryRegistry.get(visType)) ?? (() => formData);\n      const requestConfig: RequestConfig = useLegacyApi\n        ? {\n            endpoint: '/superset/explore_json/',\n            postPayload: {\n              form_data: buildQuery(formData),\n            },\n            ...options,\n          }\n        : {\n            endpoint: '/api/v1/chart/data',\n            jsonPayload: {\n              query_context: buildQuery(formData),\n            },\n            ...options,\n          };\n\n      return this.client\n        .post(requestConfig)\n        .then(response =>\n          Array.isArray(response.json) ? response.json : [response.json],\n        );\n    }\n\n    return Promise.reject(new Error(`Unknown chart type: ${visType}`));\n  }\n\n  loadDatasource(\n    datasourceKey: string,\n    options?: Partial<RequestConfig>,\n  ): Promise<Datasource> {\n    return this.client\n      .get({\n        endpoint: `/superset/fetch_datasource_metadata?datasourceKey=${datasourceKey}`,\n        ...options,\n      } as RequestConfig)\n      .then(response => response.json as Datasource);\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  loadAnnotation(\n    annotationLayer: AnnotationLayerMetadata,\n  ): Promise<AnnotationData> {\n    /* When annotation does not require query */\n    if (!isDefined(annotationLayer.sourceType)) {\n      return Promise.resolve({} as AnnotationData);\n    }\n\n    // TODO: Implement\n    return Promise.reject(new Error('This feature is not implemented yet.'));\n  }\n\n  loadAnnotations(\n    annotationLayers?: AnnotationLayerMetadata[],\n  ): Promise<AnnotationData> {\n    if (Array.isArray(annotationLayers) && annotationLayers.length > 0) {\n      return Promise.all(\n        annotationLayers.map(layer => this.loadAnnotation(layer)),\n      ).then(results =>\n        annotationLayers.reduce((prev, layer, i) => {\n          const output: AnnotationData = prev;\n          output[layer.name] = results[i];\n\n          return output;\n        }, {}),\n      );\n    }\n\n    return Promise.resolve({});\n  }\n\n  loadChartData(input: SliceIdAndOrFormData): Promise<ChartData> {\n    return this.loadFormData(input).then(\n      (\n        formData: QueryFormData & {\n          // eslint-disable-next-line camelcase\n          annotation_layers?: AnnotationLayerMetadata[];\n        },\n      ) =>\n        Promise.all([\n          this.loadAnnotations(formData.annotation_layers),\n          this.loadDatasource(formData.datasource),\n          this.loadQueryData(formData),\n        ]).then(([annotationData, datasource, queriesData]) => ({\n          annotationData,\n          datasource,\n          formData,\n          queriesData,\n        })),\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/esm/chart/components/ChartDataProvider.js

@@ -0,0 +1,171 @@
+/*
+ * 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.
+ */
+
+/* eslint react/sort-comp: 'off' */
+import __cjs_default_react_16 from 'react'; const { PureComponent } = __cjs_default_react_16;;
+
+
+
+
+
+
+import ChartClient from '../clients/ChartClient.js';
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+class ChartDataProvider extends PureComponent
+
+
+{
+
+
+  constructor(props) {
+    super(props);this.chartClient = void 0;this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    handleFetchData = () => {
+      const {
+        loadDatasource,
+        formDataRequestOptions,
+        datasourceRequestOptions,
+        queryRequestOptions
+      } = this.props;
+
+      this.setState({ status: 'loading' }, () => {
+        try {
+          this.chartClient.
+          loadFormData(
+            this.extractSliceIdAndFormData(),
+            formDataRequestOptions
+          ).
+          then((formData) =>
+          Promise.all([
+          loadDatasource ?
+          this.chartClient.loadDatasource(
+            formData.datasource,
+            datasourceRequestOptions
+          ) :
+          Promise.resolve(undefined),
+          this.chartClient.loadQueryData(formData, queryRequestOptions)]
+          ).then(
+            ([datasource, queriesData]) => (
+            // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+            {
+              datasource,
+              formData,
+              queriesData
+            })
+          )
+          ).
+          then(this.handleReceiveData).
+          catch(this.handleError);
+        } catch (error) {
+          this.handleError(error);
+        }
+      });
+    };this.
+
+    handleReceiveData = (payload) => {
+      const { onLoaded } = this.props;
+      if (onLoaded) onLoaded(payload);
+      this.setState({ payload, status: 'loaded' });
+    };this.
+
+    handleError = (error) => {
+      const { onError } = this.props;
+      if (onError) onError(error);
+      this.setState({ error, status: 'error' });
+    };this.state = { status: 'uninitialized' };this.chartClient = new ChartClient({ client: props.client });}componentDidMount() {this.handleFetchData();}componentDidUpdate(prevProps) {const { formData, sliceId } = this.props;if (formData !== prevProps.formData || sliceId !== prevProps.sliceId) {this.handleFetchData();}}extractSliceIdAndFormData() {const { formData, sliceId } = this.props;return formData ? { formData } : { sliceId: sliceId };}
+
+  render() {
+    const { children } = this.props;
+    const { status, payload, error } = this.state;
+
+    switch (status) {
+      case 'loading':
+        return children({ loading: true });
+      case 'loaded':
+        return children({ payload });
+      case 'error':
+        return children({ error });
+      case 'uninitialized':
+      default:
+        return null;
+    }
+  }
+}
+
+export default ChartDataProvider;
+//# sourceMappingURL=ChartDataProvider.js.map

package/esm/chart/components/ChartDataProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartDataProvider.js","names":["PureComponent","ChartClient","ChartDataProvider","constructor","props","chartClient","handleFetchData","loadDatasource","formDataRequestOptions","datasourceRequestOptions","queryRequestOptions","setState","status","loadFormData","extractSliceIdAndFormData","then","formData","Promise","all","datasource","resolve","undefined","loadQueryData","queriesData","handleReceiveData","catch","handleError","error","payload","onLoaded","onError","state","client","componentDidMount","componentDidUpdate","prevProps","sliceId","render","children","loading"],"sources":["../../../src/chart/components/ChartDataProvider.tsx"],"sourcesContent":["/*\n * Licensed to the Apache Software Foundation (ASF) under one\n * or more contributor license agreements.  See the NOTICE file\n * distributed with this work for additional information\n * regarding copyright ownership.  The ASF licenses this file\n * to you under the Apache License, Version 2.0 (the\n * \"License\"); you may not use this file except in compliance\n * with the License.  You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied.  See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\n/* eslint react/sort-comp: 'off' */\nimport { PureComponent, ReactNode } from 'react';\nimport {\n  SupersetClientInterface,\n  RequestConfig,\n  QueryFormData,\n  Datasource,\n} from '../..';\nimport ChartClient, { SliceIdAndOrFormData } from '../clients/ChartClient';\nimport { QueryData } from '../types/QueryResponse';\n\ninterface Payload {\n  formData: Partial<QueryFormData>;\n  queriesData: QueryData[];\n  datasource?: Datasource;\n}\n\nexport interface ProvidedProps {\n  payload?: Payload;\n  error?: Error;\n  loading?: boolean;\n}\n\nexport type ChartDataProviderProps =\n  /** User can pass either one or both of sliceId or formData */\n  SliceIdAndOrFormData & {\n    /** Child function called with ProvidedProps */\n    children: (provided: ProvidedProps) => ReactNode;\n    /** Superset client which is used to fetch data. It should already be configured and initialized. */\n    client?: SupersetClientInterface;\n    /** Will fetch and include datasource metadata for SliceIdAndOrFormData in the payload. */\n    loadDatasource?: boolean;\n    /** Callback when an error occurs. Enables wrapping the Provider in an ErrorBoundary. */\n    onError?: (error: ProvidedProps['error']) => void;\n    /** Callback when data is loaded. */\n    onLoaded?: (payload: ProvidedProps['payload']) => void;\n    /** Hook to override the formData request config. */\n    formDataRequestOptions?: Partial<RequestConfig>;\n    /** Hook to override the datasource request config. */\n    datasourceRequestOptions?: Partial<RequestConfig>;\n    /** Hook to override the queriesData request config. */\n    queryRequestOptions?: Partial<RequestConfig>;\n  };\n\nexport type ChartDataProviderState = {\n  status: 'uninitialized' | 'loading' | 'error' | 'loaded';\n  payload?: ProvidedProps['payload'];\n  error?: ProvidedProps['error'];\n};\n\nclass ChartDataProvider extends PureComponent<\n  ChartDataProviderProps,\n  ChartDataProviderState\n> {\n  readonly chartClient: ChartClient;\n\n  constructor(props: ChartDataProviderProps) {\n    super(props);\n    this.state = { status: 'uninitialized' };\n    this.chartClient = new ChartClient({ client: props.client });\n  }\n\n  componentDidMount() {\n    this.handleFetchData();\n  }\n\n  componentDidUpdate(prevProps: ChartDataProviderProps) {\n    const { formData, sliceId } = this.props;\n    if (formData !== prevProps.formData || sliceId !== prevProps.sliceId) {\n      this.handleFetchData();\n    }\n  }\n\n  private extractSliceIdAndFormData() {\n    const { formData, sliceId } = this.props;\n    return formData ? { formData } : { sliceId: sliceId as number };\n  }\n\n  private handleFetchData = () => {\n    const {\n      loadDatasource,\n      formDataRequestOptions,\n      datasourceRequestOptions,\n      queryRequestOptions,\n    } = this.props;\n\n    this.setState({ status: 'loading' }, () => {\n      try {\n        this.chartClient\n          .loadFormData(\n            this.extractSliceIdAndFormData(),\n            formDataRequestOptions,\n          )\n          .then(formData =>\n            Promise.all([\n              loadDatasource\n                ? this.chartClient.loadDatasource(\n                    formData.datasource,\n                    datasourceRequestOptions,\n                  )\n                : Promise.resolve(undefined),\n              this.chartClient.loadQueryData(formData, queryRequestOptions),\n            ]).then(\n              ([datasource, queriesData]) =>\n                // eslint-disable-next-line @typescript-eslint/consistent-type-assertions\n                ({\n                  datasource,\n                  formData,\n                  queriesData,\n                }) as Payload,\n            ),\n          )\n          .then(this.handleReceiveData)\n          .catch(this.handleError);\n      } catch (error) {\n        this.handleError(error as Error);\n      }\n    });\n  };\n\n  private handleReceiveData = (payload?: Payload) => {\n    const { onLoaded } = this.props;\n    if (onLoaded) onLoaded(payload);\n    this.setState({ payload, status: 'loaded' });\n  };\n\n  private handleError = (error: ProvidedProps['error']) => {\n    const { onError } = this.props;\n    if (onError) onError(error);\n    this.setState({ error, status: 'error' });\n  };\n\n  render() {\n    const { children } = this.props;\n    const { status, payload, error } = this.state;\n\n    switch (status) {\n      case 'loading':\n        return children({ loading: true });\n      case 'loaded':\n        return children({ payload });\n      case 'error':\n        return children({ error });\n      case 'uninitialized':\n      default:\n        return null;\n    }\n  }\n}\n\nexport default ChartDataProvider;\n"],"mappings":"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","ignoreList":[]}

package/esm/chart/components/FallbackComponent.js

@@ -0,0 +1,61 @@
+/*
+ * 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 { t } from '@ohos-ports/superset-ui-core';import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+
+
+
+
+
+export default function FallbackComponent({
+  componentStack,
+  error,
+  height,
+  width
+}) {
+  return (
+    _jsxs("div", {
+      css: (theme) => ({
+        backgroundColor: theme.colors.grayscale.dark2,
+        color: theme.colors.grayscale.light5,
+        overflow: 'auto',
+        padding: 32
+      }),
+      style: { height, width }, children: [
+
+      _jsxs("div", { children: [
+        _jsx("div", { children:
+          _jsx("b", { children: t('Oops! An error occurred!') }) }
+        ),
+        _jsx("code", { children: error ? error.toString() : 'Unknown Error' })] }
+      ),
+      componentStack &&
+      _jsxs("div", { children: [
+        _jsx("b", { children: t('Stack Trace:') }),
+        _jsx("code", { children:
+          componentStack.split('\n').map((row) =>
+          _jsx("div", { children: row }, row)
+          ) }
+        )] }
+      )] }
+
+    ));
+
+}
+//# sourceMappingURL=FallbackComponent.js.map

package/esm/chart/components/FallbackComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FallbackComponent.js","names":["t","jsx","_jsx","jsxs","_jsxs","FallbackComponent","componentStack","error","height","width","css","theme","backgroundColor","colors","grayscale","dark2","color","light5","overflow","padding","style","children","toString","split","map","row"],"sources":["../../../src/chart/components/FallbackComponent.tsx"],"sourcesContent":["/*\n * Licensed to the Apache Software Foundation (ASF) under one\n * or more contributor license agreements.  See the NOTICE file\n * distributed with this work for additional information\n * regarding copyright ownership.  The ASF licenses this file\n * to you under the Apache License, Version 2.0 (the\n * \"License\"); you may not use this file except in compliance\n * with the License.  You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied.  See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport { t } from '@ohos-ports/superset-ui-core';\nimport { SupersetTheme } from '../../style';\nimport { FallbackPropsWithDimension } from './SuperChart';\n\nexport type Props = FallbackPropsWithDimension;\n\nexport default function FallbackComponent({\n  componentStack,\n  error,\n  height,\n  width,\n}: Props) {\n  return (\n    <div\n      css={(theme: SupersetTheme) => ({\n        backgroundColor: theme.colors.grayscale.dark2,\n        color: theme.colors.grayscale.light5,\n        overflow: 'auto',\n        padding: 32,\n      })}\n      style={{ height, width }}\n    >\n      <div>\n        <div>\n          <b>{t('Oops! An error occurred!')}</b>\n        </div>\n        <code>{error ? error.toString() : 'Unknown Error'}</code>\n      </div>\n      {componentStack && (\n        <div>\n          <b>{t('Stack Trace:')}</b>\n          <code>\n            {componentStack.split('\\n').map((row: string) => (\n              <div key={row}>{row}</div>\n            ))}\n          </code>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,CAAC,QAAQ,mBAAmB,CAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;;;;;;AAMtC,eAAe,SAASC,iBAAiBA,CAAC;EACxCC,cAAc;EACdC,KAAK;EACLC,MAAM;EACNC;AACK,CAAC,EAAE;EACR;IACEL,KAAA;MACEM,GAAG,EAAEA,CAACC,KAAoB,MAAM;QAC9BC,eAAe,EAAED,KAAK,CAACE,MAAM,CAACC,SAAS,CAACC,KAAK;QAC7CC,KAAK,EAAEL,KAAK,CAACE,MAAM,CAACC,SAAS,CAACG,MAAM;QACpCC,QAAQ,EAAE,MAAM;QAChBC,OAAO,EAAE;MACX,CAAC,CAAE;MACHC,KAAK,EAAE,EAAEZ,MAAM,EAAEC,KAAK,CAAC,CAAE,EAAAY,QAAA;;MAEzBjB,KAAA,UAAAiB,QAAA;QACEnB,IAAA,UAAAmB,QAAA;UACEnB,IAAA,QAAAmB,QAAA,EAAIrB,CAAC,CAAC,0BAA0B,CAAC,EAAI,CAAC;QACnC,CAAC;QACNE,IAAA,WAAAmB,QAAA,EAAOd,KAAK,GAAGA,KAAK,CAACe,QAAQ,CAAC,CAAC,GAAG,eAAe,EAAO,CAAC;MACtD,CAAC;MACLhB,cAAc;MACbF,KAAA,UAAAiB,QAAA;QACEnB,IAAA,QAAAmB,QAAA,EAAIrB,CAAC,CAAC,cAAc,CAAC,EAAI,CAAC;QAC1BE,IAAA,WAAAmB,QAAA;UACGf,cAAc,CAACiB,KAAK,CAAC,IAAI,CAAC,CAACC,GAAG,CAAC,CAACC,GAAW;UAC1CvB,IAAA,UAAAmB,QAAA,EAAgBI,GAAG,IAATA,GAAe;UAC1B,CAAC;QACE,CAAC;MACJ,CACN;;IACE,CAAC;;AAEV","ignoreList":[]}

package/esm/chart/components/NoResultsComponent.js

@@ -0,0 +1,88 @@
+/*
+ * 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 { css, styled } from '../../style/index.js';
+import { t } from '../../translation/index.js';import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+
+const MESSAGE_STYLES = { maxWidth: 800 };
+const MIN_WIDTH_FOR_BODY = 250;
+
+const Container = styled.div
+
+
+`
+  ${({ theme, width, height }) => css`
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    text-align: center;
+    height: ${height}px;
+    width: ${width}px;
+    padding: ${theme.gridUnit * 4}px;
+
+    & .no-results-title {
+      font-size: ${theme.typography.sizes.l}px;
+      font-weight: ${theme.typography.weights.bold};
+      padding-bottom: ${theme.gridUnit * 2};
+    }
+
+    & .no-results-body {
+      font-size: ${theme.typography.sizes.m}px;
+    }
+  `}
+`;
+
+
+
+
+
+
+
+
+const NoResultsComponent = ({ className, height, id, width }) => {
+  // render the body if the width is auto/100% or greater than 250 pixels
+  const shouldRenderBody =
+  typeof width === 'string' || width > MIN_WIDTH_FOR_BODY;
+
+  const BODY_STRING = t(
+    'No results were returned for this query. If you expected results to be returned, ensure any filters are configured properly and the datasource contains data for the selected time range.'
+  );
+
+  return (
+    _jsx(Container, {
+      height: height,
+      width: width,
+      className: className,
+      id: id,
+      title: shouldRenderBody ? undefined : BODY_STRING, children:
+
+      _jsxs("div", { style: MESSAGE_STYLES, children: [
+        _jsx("div", { className: "no-results-title", children: t('No Results') }),
+        shouldRenderBody &&
+        _jsx("div", { className: "no-results-body", children: BODY_STRING })] }
+
+      ) }
+    ));
+
+};
+
+export default NoResultsComponent;
+//# sourceMappingURL=NoResultsComponent.js.map

package/esm/chart/components/NoResultsComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoResultsComponent.js","names":["css","styled","t","jsx","_jsx","jsxs","_jsxs","MESSAGE_STYLES","maxWidth","MIN_WIDTH_FOR_BODY","Container","div","theme","width","height","gridUnit","typography","sizes","l","weights","bold","m","NoResultsComponent","className","id","shouldRenderBody","BODY_STRING","title","undefined","children","style"],"sources":["../../../src/chart/components/NoResultsComponent.tsx"],"sourcesContent":["/*\n * Licensed to the Apache Software Foundation (ASF) under one\n * or more contributor license agreements.  See the NOTICE file\n * distributed with this work for additional information\n * regarding copyright ownership.  The ASF licenses this file\n * to you under the Apache License, Version 2.0 (the\n * \"License\"); you may not use this file except in compliance\n * with the License.  You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied.  See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport { CSSProperties } from 'react';\nimport { css, styled } from '../../style';\nimport { t } from '../../translation';\n\nconst MESSAGE_STYLES: CSSProperties = { maxWidth: 800 };\nconst MIN_WIDTH_FOR_BODY = 250;\n\nconst Container = styled.div<{\n  width: number | string;\n  height: number | string;\n}>`\n  ${({ theme, width, height }) => css`\n    align-items: center;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    text-align: center;\n    height: ${height}px;\n    width: ${width}px;\n    padding: ${theme.gridUnit * 4}px;\n\n    & .no-results-title {\n      font-size: ${theme.typography.sizes.l}px;\n      font-weight: ${theme.typography.weights.bold};\n      padding-bottom: ${theme.gridUnit * 2};\n    }\n\n    & .no-results-body {\n      font-size: ${theme.typography.sizes.m}px;\n    }\n  `}\n`;\n\ntype Props = {\n  className?: string;\n  height: number | string;\n  id?: string;\n  width: number | string;\n};\n\nconst NoResultsComponent = ({ className, height, id, width }: Props) => {\n  // render the body if the width is auto/100% or greater than 250 pixels\n  const shouldRenderBody =\n    typeof width === 'string' || width > MIN_WIDTH_FOR_BODY;\n\n  const BODY_STRING = t(\n    'No results were returned for this query. If you expected results to be returned, ensure any filters are configured properly and the datasource contains data for the selected time range.',\n  );\n\n  return (\n    <Container\n      height={height}\n      width={width}\n      className={className}\n      id={id}\n      title={shouldRenderBody ? undefined : BODY_STRING}\n    >\n      <div style={MESSAGE_STYLES}>\n        <div className=\"no-results-title\">{t('No Results')}</div>\n        {shouldRenderBody && (\n          <div className=\"no-results-body\">{BODY_STRING}</div>\n        )}\n      </div>\n    </Container>\n  );\n};\n\nexport default NoResultsComponent;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA,SAASA,GAAG,EAAEC,MAAM,QAAQ,aAAa;AACzC,SAASC,CAAC,QAAQ,mBAAmB,CAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;;AAEtC,MAAMC,cAA6B,GAAG,EAAEC,QAAQ,EAAE,GAAG,CAAC,CAAC;AACvD,MAAMC,kBAAkB,GAAG,GAAG;;AAE9B,MAAMC,SAAS,GAAGT,MAAM,CAACU;;;AAGvB;AACF,IAAI,CAAC,EAAEC,KAAK,EAAEC,KAAK,EAAEC,MAAM,CAAC,CAAC,KAAKd,GAAG;AACrC;AACA;AACA;AACA;AACA;AACA,cAAcc,MAAM;AACpB,aAAaD,KAAK;AAClB,eAAeD,KAAK,CAACG,QAAQ,GAAG,CAAC;AACjC;AACA;AACA,mBAAmBH,KAAK,CAACI,UAAU,CAACC,KAAK,CAACC,CAAC;AAC3C,qBAAqBN,KAAK,CAACI,UAAU,CAACG,OAAO,CAACC,IAAI;AAClD,wBAAwBR,KAAK,CAACG,QAAQ,GAAG,CAAC;AAC1C;AACA;AACA;AACA,mBAAmBH,KAAK,CAACI,UAAU,CAACC,KAAK,CAACI,CAAC;AAC3C;AACA,GAAG;AACH,CAAC;;;;;;;;;AASD,MAAMC,kBAAkB,GAAGA,CAAC,EAAEC,SAAS,EAAET,MAAM,EAAEU,EAAE,EAAEX,KAAK,CAAQ,CAAC,KAAK;EACtE;EACA,MAAMY,gBAAgB;EACpB,OAAOZ,KAAK,KAAK,QAAQ,IAAIA,KAAK,GAAGJ,kBAAkB;;EAEzD,MAAMiB,WAAW,GAAGxB,CAAC;IACnB;EACF,CAAC;;EAED;IACEE,IAAA,CAACM,SAAS;MACRI,MAAM,EAAEA,MAAO;MACfD,KAAK,EAAEA,KAAM;MACbU,SAAS,EAAEA,SAAU;MACrBC,EAAE,EAAEA,EAAG;MACPG,KAAK,EAAEF,gBAAgB,GAAGG,SAAS,GAAGF,WAAY,EAAAG,QAAA;;MAElDvB,KAAA,UAAKwB,KAAK,EAAEvB,cAAe,EAAAsB,QAAA;QACzBzB,IAAA,UAAKmB,SAAS,EAAC,kBAAkB,EAAAM,QAAA,EAAE3B,CAAC,CAAC,YAAY,CAAC,EAAM,CAAC;QACxDuB,gBAAgB;QACfrB,IAAA,UAAKmB,SAAS,EAAC,iBAAiB,EAAAM,QAAA,EAAEH,WAAW,EAAM,CACpD;;MACE,CAAC;IACG,CAAC;;AAEhB,CAAC;;AAED,eAAeJ,kBAAkB","ignoreList":[]}