@devgateway/dvz-wp-commons 1.1.0 → 1.2.0

package/build/APIConfig.d.ts

@@ -1,49 +1,26 @@
-import React from "react";
-import { Component } from "@wordpress/element";
-import { Measure, Dimension, Filter, Category, Categories } from "./types";
-type APIConfigProps = {
-    allDimensions: Dimension[];
-    allFilters: Filter[];
-    allMeasures: Measure[];
-    allCategories: Categories;
-    setAttributes: (attributes: any) => void;
-    attributes: {
-        measures: Measure[];
-        filters: Filter[];
-        categories: Category[];
-        dimension1: string;
-        dimension2: string;
-        type: string;
-        swap: boolean;
-        manualColors: Record<string, Record<string, string>>;
-        scheme: string;
-        colorBy: string;
-        barColor: string;
-        app: string;
-        csv: string;
-        includeOverall: boolean;
-        types: any[];
-    };
-};
-export declare class APIConfig extends Component<APIConfigProps> {
-    constructor(props: APIConfigProps);
-    cleanSelection(prevState: any): void;
+export class APIConfig extends Component<any, any, any> {
+    constructor(props: any);
+    onMeasuresChange(value: any): void;
+    onSetSingleMeasure(value: any): void;
+    addFilter(): void;
     updateFilterParam(param: any, idx: any): void;
     updateFilterValue(value: any, idx: any): void;
     setFilterValue(value: any, idx: any): void;
-    addFilter(): void;
     removeFilter(f: any): void;
-    componentDidUpdate(prevProps: any): void;
-    onSetSingleMeasure(value: any): void;
+    items(type: any): any;
     onFormatChange(format: any, field: any): void;
+    onCustomLabelToggleChange(value: any): void;
+    onCustomLabelChange(value: any, customLabel: any): void;
     onUseCustomAxisFormatChange(value: any): void;
-    onMeasuresChange(value: string): void;
-    onCustomLabelToggleChange(value: string): void;
-    onCustomLabelChange(value: string, customLabel: string): void;
-    items(type: string): {
-        value: string;
-        id: number;
-    }[] | null;
-    render(): React.JSX.Element[];
+    state: {
+        measures: never[];
+        dimensions: never[];
+        filters: never[];
+        categories: never[];
+    };
+    cleanSelection(prevState: any): void;
+    componentDidUpdate(prevProps: any): void;
+    render(): import("react").JSX.Element[];
 }
-export {};
+export default APIConfig;
+import { Component } from "@wordpress/element";

package/build/APIConfig.js

@@ -1,4 +1,3 @@
-import React from "react";
 import { Component } from "@wordpress/element";
 import { __ } from "@wordpress/i18n";
 import { Button, PanelBody, PanelRow, SelectControl, ToggleControl, } from "@wordpress/components";
@@ -22,7 +21,7 @@ const FilterSelector = ({ param, index, options, onUpdateFilterParam }) => {
 const CategoricalFilter = ({ value, index, items, onUpdateFilterValue }) => {
     if (items) {
         const sortedItems = items.sort(function (a, b) {
-            if (a.position !== undefined && b.position !== undefined) {
+            if (a.position !== undefined && b.position !== undefined && a.position !== b.position) {
                 return a.position - b.position;
             }
             let aValue = a.value ? a.value.toLowerCase() : "";
@@ -39,6 +38,11 @@ const CategoricalFilter = ({ value, index, items, onUpdateFilterValue }) => {
         return null;
     }
 };
+/*let types = [
+    {label: 'Bar', value: 'bar', supports: {singleMeasure: false, singleDimension: false}},
+    {label: 'Pie', value: 'pie', supports: {singleMeasure: true, singleDimension: false}},
+    {label: 'Line', value: 'line', supports: {singleMeasure: false, singleDimension: true}},
+    {label: 'Map', value: 'map', supports: {singleMeasure: true, singleDimension: false}}]*/
 export class APIConfig extends Component {
     constructor(props) {
         super(props);
@@ -205,16 +209,16 @@ export class APIConfig extends Component {
     }
     /*
       onCustomMeasureFieldChange(measureName, field, value) {
-  
+
           const {setAttributes, attributes: {measures}} = this.props
           const uMs = Object.assign({}, {...measures})
-  
+
           if (uMs[measureName]) {
               uMs[measureName][field] = value
           } else {
               uMs[measureName] = {allowSelection: false, field: value, selected: false}
           }
-  
+
           setAttributes({measures: uMs})
       }
       */
@@ -258,12 +262,12 @@ export class APIConfig extends Component {
         let items = null;
         if (type === "Boolean") {
             items = [
-                { value: "Yes", id: 1 },
-                { value: "No", id: 0 },
+                { value: "Yes", id: true },
+                { value: "No", id: false },
             ];
         }
         else if (cat) {
-            items = cat.items.map((item) => ({ value: item.value, id: item.id }));
+            items = cat.items;
         }
         return items;
     }
@@ -275,17 +279,17 @@ export class APIConfig extends Component {
         return [
             React.createElement(PanelBody, { initialOpen: false, title: __(type == "map" ? "Fields" : `Dimensions`) },
                 React.createElement(PanelRow, null,
-                    React.createElement(SelectControl, { multiple: false, label: __(type == "map" ? "Matching Field" : "First Dimension"), value: dimension1, onChange: (value) => {
+                    React.createElement(SelectControl, { label: __(type == "map" ? "Matching Field" : "First Dimension"), value: [dimension1], onChange: (value) => {
                             setAttributes({
                                 dimension1: value,
                                 dimension2: value == "none" ? "none" : dimension2,
                             });
                         }, options: allDimensions })),
-                type != "line" && type != "radar" && (React.createElement(PanelRow, null,
-                    React.createElement(SelectControl, { multiple: false, label: __(type == "map" ? "Breakdown Field" : "Second Dimension"), value: dimension2, onChange: (value) => {
+                type != "radar" && (React.createElement(PanelRow, null,
+                    React.createElement(SelectControl, { label: __(type == "map" ? "Breakdown Field" : "Second Dimension"), value: [dimension2], onChange: (value) => {
                             setAttributes({ dimension2: value });
                         }, options: allDimensions, disabled: dimension1 == "none" })))),
-            React.createElement(Measures, { ...this.props, onFormatChange: this.onFormatChange, onUseCustomAxisFormatChange: this.onUseCustomAxisFormatChange, onSetSingleMeasure: this.onSetSingleMeasure, onMeasuresChange: this.onMeasuresChange, onCustomLabelToggleChange: this.onCustomLabelToggleChange, onCustomLabelChange: this.onCustomLabelChange, currentType: currentType }),
+            React.createElement(Measures, { onFormatChange: this.onFormatChange, onUseCustomAxisFormatChange: this.onUseCustomAxisFormatChange, onSetSingleMeasure: this.onSetSingleMeasure, onMeasuresChange: this.onMeasuresChange, onCustomLabelToggleChange: this.onCustomLabelToggleChange, onCustomLabelChange: this.onCustomLabelChange, ...this.props, currentType: currentType }),
             React.createElement(React.Fragment, null,
                 React.createElement(PanelBody, { initialOpen: false, title: __("Filters") },
                     filters.map((f, index) => {
@@ -299,3 +303,4 @@ export class APIConfig extends Component {
         ];
     }
 }
+export default APIConfig;

package/build/APIutils.d.ts

@@ -1,4 +1,4 @@
-export declare const getTranslatedOptions: (options: any[]) => any[];
-export declare const getTranslation: (translatable: any) => any;
-export declare const isSupersetAPI: (app: string, apps: any[]) => any;
+export function getTranslatedOptions(options: any): any[];
+export function getTranslation(translatable: any): any;
+export function isSupersetAPI(app: any, apps: any): any;
 export default getTranslatedOptions;

package/build/APIutils.js

@@ -1,11 +1,15 @@
 export const getTranslatedOptions = (options) => {
     const currentLocale = (window._user_locale ? window._user_locale : '').toUpperCase();
     if (options && options instanceof Array) {
+        debugger;
         return options.map(o => {
             let { label, value, labels } = o;
             if (labels && labels[currentLocale]) {
                 label = labels[currentLocale];
             }
+            if (!label) {
+                label = value;
+            }
             return { ...o, label, value };
         });
     }

package/build/Blocks.d.ts

@@ -1,51 +1,31 @@
-import React from 'react';
-import { Component } from '@wordpress/element';
-import { Taxonomies, Taxonomy, Wp_Types } from './types';
-export interface SizeConfigProps {
-    height: number;
-    setAttributes: (attributes: any) => void;
+export function SizeConfig({ height, setAttributes, panelStatus, initialOpen }: {
+    height: any;
+    setAttributes: any;
     panelStatus: any;
-    initialOpen?: boolean;
-}
-export declare const SizeConfig: ({ height, setAttributes, panelStatus, initialOpen }: SizeConfigProps) => React.JSX.Element;
-export type ComponentWithSettingsProps = {
-    attributes: any;
-    setAttributes: (attributes: any) => void;
-};
-export type ComponentWithSettingsState = {
-    react_ui_url?: string;
-    react_api_url?: string | null;
-    apache_superset_url?: string | boolean | null;
-    site_language?: string;
-    current_language?: string;
-    previewMode?: string;
-};
-export declare class ComponentWithSettings<T extends ComponentWithSettingsProps, U extends ComponentWithSettingsState> extends Component<T, U> {
-    iframe: React.RefObject<HTMLIFrameElement>;
-    unsubscribe: () => void;
-    constructor(props: T);
+    initialOpen: any;
+}): import("react").JSX.Element;
+export class ComponentWithSettings extends Component<any, any, any> {
+    constructor(props: any);
+    state: {
+        react_ui_url: string;
+    };
+    iframe: import("react").RefObject<any>;
+    unsubscribe: any;
     componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
     componentDidMount(): void;
     componentWillUnmount(): void;
 }
-export type BlockEditWithFiltersProps = {
-    attributes: any;
-    setAttributes: (attributes: any) => void;
-};
-export interface BlockEditWithFiltersState extends ComponentWithSettingsState {
-    taxonomyValues: Taxonomy[] | null;
-    types: Wp_Types[] | null;
-    taxonomies: Taxonomies | null;
-    loading: boolean;
-}
-export declare class BlockEditWithFilters<T extends BlockEditWithFiltersProps = BlockEditWithFiltersProps, S extends BlockEditWithFiltersState = BlockEditWithFiltersState> extends ComponentWithSettings<T, S> {
-    constructor(props: T);
-    componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
-    componentDidMount(): void;
+export class BlockEditWithFilters extends ComponentWithSettings {
+    state: {
+        taxonomyValues: never[];
+        types: null;
+        taxonomies: null;
+        loading: boolean;
+    };
     onTypeChanged(value: any): void;
     onTaxonomyChanged(value: any): void;
-    onCategoryChanged(checked: any, value: any): void;
     getTaxonomyValues(): void;
+    onCategoryChanged(checked: any, value: any): void;
     getTaxonomies(): void;
     getTypes(): void;
     typeOptions(): {
@@ -55,36 +35,20 @@ export declare class BlockEditWithFilters<T extends BlockEditWithFiltersProps =
     }[];
     taxonomyOptions(): {
         label: string;
-        value: string;
+        value: any;
     }[];
     categoriesOptions(): {
-        label: string;
-        value: number;
+        label: any;
+        value: any;
     }[];
-    renderFilters(): React.JSX.Element;
+    renderFilters(): import("react").JSX.Element;
 }
-export type BlockEditWithAPIMetadataProps = {
-    attributes: {
-        app: string;
-        dvzProxyDatasetId?: string;
-    };
-    setAttributes: (attributes: any) => void;
-};
-export type BlockEditWithAPIMetadataState = {
-    apps: any[];
-    datasets?: any[];
-    dimensions?: any[];
-    filters?: any[];
-    measures?: any[];
-    categories?: any[];
-} & ComponentWithSettingsState;
-export declare class BlockEditWithAPIMetadata<T extends BlockEditWithAPIMetadataProps = BlockEditWithAPIMetadataProps, S extends BlockEditWithAPIMetadataState = BlockEditWithAPIMetadataState> extends ComponentWithSettings<T, S> {
-    constructor(props: T);
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: BlockEditWithAPIMetadataProps, prevState: any, snapshot?: any): void;
+export class BlockEditWithAPIMetadata extends ComponentWithSettings {
+    componentDidUpdate(prevProps: any): void;
     evictSuperSetCache(): void;
     loadDatasets(app: any): void;
-    loadMetadata(app: string, dvzProxyDatasetId?: string): void;
-    fetchData(url: string, stateKey: string, transformData: (data: any) => any): void;
+    loadMetadata(app: any, dvzProxyDatasetId: any): void;
+    fetchData(url: any, stateKey: any, transformData: any): void;
 }
 export default SizeConfig;
+import { Component } from '@wordpress/element';

package/build/Blocks.js

@@ -1,39 +1,32 @@
-import React from 'react';
 import { __ } from '@wordpress/i18n';
 import { CheckboxControl, PanelBody, PanelRow, SelectControl, TextControl } from '@wordpress/components';
 import { Component } from '@wordpress/element';
 import apiFetch from '@wordpress/api-fetch';
-import { togglePanel } from './Util';
-import { getTranslatedOptions, isSupersetAPI } from './APIutils';
-import { subscribe, select } from '@wordpress/data';
-export const SizeConfig = ({ height, setAttributes, panelStatus, initialOpen = false }) => {
-    return (React.createElement(PanelBody, { initialOpen: panelStatus ? panelStatus["SIZE"] : initialOpen, onToggle: () => togglePanel("SIZE", panelStatus, setAttributes), title: __("Size") },
+import { togglePanel } from "./Util";
+import { getTranslatedOptions } from './APIutils';
+import { isSupersetAPI } from "./APIutils";
+export const SizeConfig = ({ height, setAttributes, panelStatus, initialOpen }) => {
+    return (React.createElement(PanelBody, { initialOpen: panelStatus ? panelStatus["SIZE"] : initialOpen, onToggle: e => togglePanel("SIZE", panelStatus, setAttributes), title: __("Size") },
         React.createElement(PanelRow, null,
             React.createElement(TextControl, { size: 10, label: "Height", value: height, onChange: (height) => setAttributes({ height: height ? parseInt(height) : 0 }) }))));
 };
 export class ComponentWithSettings extends Component {
-    iframe;
-    unsubscribe;
     constructor(props) {
         super(props);
         this.state = {
-            react_ui_url: '',
-            react_api_url: null,
-            apache_superset_url: null,
-            site_language: '',
-            current_language: '',
+            react_ui_url: ''
         };
         window.addEventListener("message", (event) => {
             if (event.data.type === 'componentReady' && event.data.value === true) {
                 if (this.iframe.current) {
                     console.log("-----------Sending message -----------");
-                    this.iframe.current.contentWindow?.postMessage(({ messageType: 'component-attributes', ...this.props.attributes }), "*");
+                    this.iframe.current.contentWindow.postMessage(({ messageType: 'component-attributes', ...this.props.attributes }), "*");
                 }
             }
         }, false);
         this.iframe = React.createRef();
-        this.unsubscribe = subscribe(() => {
-            const newPreviewMode = select("core/editor").getDeviceType();
+        this.unsubscribe = wp.data.subscribe(() => {
+            const newPreviewMode = wp.data.select("core/editor").getDeviceType();
             if (newPreviewMode !== this.state.previewMode) {
                 this.setState({ previewMode: newPreviewMode });
             }
@@ -51,7 +44,7 @@ export class ComponentWithSettings extends Component {
                 react_api_url: data["react_api_url"],
                 apache_superset_url: data["apache_superset_url"],
                 site_language: data["site_language"],
-                current_language: new URLSearchParams(document.location.search).get("edit_lang") || ''
+                current_language: new URLSearchParams(document.location.search).get("edit_lang")
             });
         });
     }
@@ -65,15 +58,7 @@ export class BlockEditWithFilters extends ComponentWithSettings {
     constructor(props) {
         super(props);
         this.state = {
-            react_ui_url: '',
-            react_api_url: null,
-            apache_superset_url: null,
-            site_language: '',
-            current_language: '',
-            taxonomyValues: [],
-            types: null,
-            taxonomies: null,
-            loading: true
+            taxonomyValues: [], types: null, taxonomies: null, loading: true
         };
         this.onTypeChanged = this.onTypeChanged.bind(this);
         this.onTaxonomyChanged = this.onTaxonomyChanged.bind(this);
@@ -81,7 +66,7 @@ export class BlockEditWithFilters extends ComponentWithSettings {
         this.onCategoryChanged = this.onCategoryChanged.bind(this);
     }
     componentDidUpdate(prevProps, prevState, snapshot) {
-        const { attributes: { type, taxonomy }, } = this.props;
+        const { setAttributes, attributes: { type, taxonomy, count }, } = this.props;
         super.componentDidUpdate(prevProps, prevState, snapshot);
         if (prevProps.attributes) {
             if (type != prevProps.attributes.type) {
@@ -95,7 +80,7 @@ export class BlockEditWithFilters extends ComponentWithSettings {
         super.componentDidMount();
         this.getTypes();
         this.getTaxonomies();
-        const { attributes: { taxonomy }, } = this.props;
+        const { setAttributes, attributes: { type, taxonomy, count }, } = this.props;
         if (taxonomy != 'none') {
             this.getTaxonomyValues();
         }
@@ -123,15 +108,15 @@ export class BlockEditWithFilters extends ComponentWithSettings {
         }
     }
     getTaxonomyValues() {
-        const { attributes: { taxonomy }, } = this.props;
-        apiFetch({
-            path: '/wp/v2/taxonomies/' + taxonomy + '?per_page=100',
+        const { setAttributes, attributes: { type, taxonomy, count }, } = this.props;
+        wp.apiFetch({
+            path: '/wp/v2/' + taxonomy + '?per_page=100',
         }).then(data => {
             this.setState({ taxonomyValues: data });
         });
     }
     getTaxonomies() {
-        apiFetch({
+        wp.apiFetch({
             path: '/wp/v2/taxonomies?per_page=100',
         }).then(data => {
             this.setState({
@@ -140,16 +125,18 @@ export class BlockEditWithFilters extends ComponentWithSettings {
         });
     }
     getTypes() {
-        apiFetch({
+        wp.apiFetch({
             path: '/wp/v2/types?per_page=100',
         }).then(data => {
+            const types = data;
             this.setState({
                 types: data, loading: false
             });
         });
     }
     typeOptions() {
-        const { types } = this.state;
+        const { setAttributes, attributes: { count, type, taxonomy, category }, } = this.props;
+        const { types, taxonomies, taxonomyValues } = this.state;
         const typeOptions = types ? Object.keys(types)
             .filter(k => ['page', 'attachment', 'wp_block']
             .indexOf(k) == -1).map(k => ({
@@ -159,7 +146,7 @@ export class BlockEditWithFilters extends ComponentWithSettings {
     }
     taxonomyOptions() {
         const { attributes: { type, }, } = this.props;
-        const { types, taxonomies } = this.state;
+        const { types, taxonomies, taxonomyValues } = this.state;
         let slug;
         if (types) {
             slug = this.typeOptions().filter(t => t.value == type)[0].slug;
@@ -174,9 +161,9 @@ export class BlockEditWithFilters extends ComponentWithSettings {
         }
     }
     categoriesOptions() {
-        const { taxonomyValues } = this.state;
+        const { types, taxonomies, taxonomyValues } = this.state;
         const taxonomyValuesOptions = taxonomyValues && taxonomyValues.map(t => ({ label: t.name, value: t.id }));
-        return taxonomyValuesOptions || [];
+        return taxonomyValuesOptions;
     }
     renderFilters() {
         const { attributes: { type, taxonomy, categories, } } = this.props;
@@ -185,7 +172,7 @@ export class BlockEditWithFilters extends ComponentWithSettings {
                 React.createElement(SelectControl, { label: __("Post Type"), options: this.typeOptions(), value: type, onChange: this.onTypeChanged })),
             React.createElement(PanelRow, null,
                 React.createElement(SelectControl, { label: __("Use a taxonomy filter "), options: this.taxonomyOptions(), value: taxonomy, onChange: this.onTaxonomyChanged })),
-            (taxonomy != 'none' && this.categoriesOptions().length > 0) && this.categoriesOptions().map(o => {
+            taxonomy != 'none' && this.categoriesOptions().map(o => {
                 return React.createElement(PanelRow, null,
                     React.createElement(CheckboxControl, { label: o.label, onChange: (checked) => this.onCategoryChanged(checked, o.value), checked: categories.indexOf(o.value) > -1 }));
             })));
@@ -204,7 +191,7 @@ export class BlockEditWithAPIMetadata extends ComponentWithSettings {
                     'Accept': 'application/json',
                 },
             })
-                .then((response) => response.json())
+                .then(response => response.json())
                 .then(data => {
                 const apps = data.applications ? [...data.applications.application
                         .filter(a => a.instance[0].metadata.type === 'data')
@@ -220,7 +207,7 @@ export class BlockEditWithAPIMetadata extends ComponentWithSettings {
                     react_api_url: settingsData["react_api_url"],
                     apache_superset_url: settingsData["apache_superset_url"],
                     site_language: settingsData["site_language"],
-                    current_language: new URLSearchParams(document.location.search).get("edit_lang") || "",
+                    current_language: new URLSearchParams(document.location.search).get("edit_lang"),
                     apps
                 }, () => {
                     const { app, dvzProxyDatasetId } = this.props.attributes;
@@ -237,8 +224,8 @@ export class BlockEditWithAPIMetadata extends ComponentWithSettings {
             });
         });
     }
-    componentDidUpdate(prevProps, prevState, snapshot) {
-        super.componentDidUpdate(prevProps, prevState, snapshot);
+    componentDidUpdate(prevProps) {
+        super.componentDidUpdate(prevProps);
         const { attributes: { app, dvzProxyDatasetId } } = this.props;
         const { attributes: { dvzProxyDatasetId: prevDvzProxyDatasetId, app: prevAPP } } = prevProps;
         if (app != prevAPP) { //if app changes we shoudl reload metadta
@@ -249,7 +236,7 @@ export class BlockEditWithAPIMetadata extends ComponentWithSettings {
                 }
             }
             else {
-                this.loadMetadata(app, dvzProxyDatasetId);
+                this.loadMetadata(app);
             }
         }
         else { //app wasn't changed
@@ -304,7 +291,7 @@ export class BlockEditWithAPIMetadata extends ComponentWithSettings {
                     dimensions: [{ "label": __("None"), "value": "none" }, ...getTranslatedOptions(data)]
                 });
             })
-                .catch(function () {
+                .catch(function (response) {
                 console.log("Error when loading dimensions");
             });
             fetch(filtersUrl)
@@ -332,7 +319,7 @@ export class BlockEditWithAPIMetadata extends ComponentWithSettings {
                 sessionStorage.setItem(`measures_${app}`, JSON.stringify(getTranslatedOptions(data)));
                 this.setState({ measures: getTranslatedOptions(data) });
             })
-                .catch(function () {
+                .catch(function (response) {
                 console.log("Error when loading measures");
             });
             fetch(categoriesUrl)
@@ -360,8 +347,6 @@ export class BlockEditWithAPIMetadata extends ComponentWithSettings {
             return response.json();
         })
             .then(data => {
-            // TODO: Check if the data is an array
-            // @ts-ignore
             this.setState({
                 [stateKey]: transformData(data)
             });

package/build/CSVSourceConfig.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-export declare const CSVConfig: ({ attributes: { csv, panelStatus, measures, type }, setAttributes }: {
+export function CSVConfig({ attributes: { csv, panelStatus, measures, type }, setAttributes }: {
     attributes: {
         csv: any;
         panelStatus: any;
@@ -7,5 +6,5 @@ export declare const CSVConfig: ({ attributes: { csv, panelStatus, measures, typ
         type: any;
     };
     setAttributes: any;
-}) => React.JSX.Element[];
+}): import("react").JSX.Element[];
 export default CSVConfig;

package/build/CSVSourceConfig.js

@@ -1,20 +1,21 @@
-import React from 'react';
 import { PanelBody, PanelRow, TextareaControl } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import Format from "./Format";
 import { togglePanel } from "./Util";
 const defaultFormat = {
-    "style": "percent",
-    "minimumFractionDigits": 1,
-    "maximumFractionDigits": 1,
-    "currency": "USD"
+    "style": "percent", "minimumFractionDigits": 1, "maximumFractionDigits": 1, "currency": "USD"
 };
 export const CSVConfig = ({ attributes: { csv, panelStatus, measures, type }, setAttributes }) => {
     const onFormatChange = (format, field) => {
         const app = "csv";
         const uMs = measures ? JSON.parse(JSON.stringify(measures)) : {};
         if (!uMs[app]) {
-            uMs[app] = { allowSelection: false, format: Object.assign({}, defaultFormat), customFormat: Object.assign({}, { ...defaultFormat }), selected: false };
+            uMs[app] = {
+                allowSelection: false,
+                format: Object.assign({}, defaultFormat),
+                customFormat: Object.assign({}, { ...defaultFormat }),
+                selected: false
+            };
         }
         uMs[app][field] = format;
         setAttributes({ measures: uMs });
@@ -30,7 +31,12 @@ export const CSVConfig = ({ attributes: { csv, panelStatus, measures, type }, se
             setAttributes({ measures: uMs });
         }
         else {
-            uMs[app] = { allowSelection: false, format: Object.assign({}, { ...defaultFormat }), customFormat: Object.assign({}, { ...defaultFormat }), selected: false };
+            uMs[app] = {
+                allowSelection: false,
+                format: Object.assign({}, { ...defaultFormat }),
+                customFormat: Object.assign({}, { ...defaultFormat }),
+                selected: false
+            };
             uMs[app].useCustomAxisFormat = value;
             setAttributes({ measures: uMs });
         }
@@ -42,7 +48,6 @@ export const CSVConfig = ({ attributes: { csv, panelStatus, measures, type }, se
                     onFormatChange(newFormat, field);
                 }, onUseCustomAxisFormatChange: value => {
                     onUseCustomAxisFormatChange(value);
-                } }))
-    ]);
+                } }))]);
 };
 export default CSVConfig;

package/build/ChartColors.d.ts

@@ -1,55 +1,14 @@
-import React from "react";
-import { Categories, Dimension, Filter, Measure } from "./types";
-export declare const categorical: {
+export const categorical: {
     value: string;
     label: string;
 }[];
-export declare const sequential: {
+export const sequential: {
     value: string;
     label: string;
 }[];
-export declare const diverging: {
+export const diverging: {
     value: string;
     label: string;
 }[];
-export type ChartColorsProps = {
-    allDimensions?: Dimension[];
-    allFilters?: Filter[];
-    allMeasures?: Measure[];
-    allCategories?: Categories;
-    allApps?: any[];
-    setAttributes: (attributes: {
-        swap: boolean;
-        measures: Record<string, {
-            selected: boolean;
-        }>;
-        manualColors?: Record<string, Record<string, string>>;
-        scheme: string;
-        colorBy: string;
-        dimension1: string;
-        dimension2: string;
-        barColor: string | null;
-        type: string;
-        app: string;
-        csv: string;
-        includeOverall: boolean;
-    }) => void;
-    attributes: {
-        swap: boolean;
-        measures: Record<string, {
-            selected: boolean;
-        }>;
-        manualColors: Record<string, Record<string, string>>;
-        scheme: string;
-        colorBy: string;
-        dimension1: string;
-        dimension2: string;
-        barColor: string;
-        type: string;
-        app: string;
-        csv: string;
-        includeOverall: boolean;
-    };
-};
-export declare const ChartColors: (props: ChartColorsProps) => (string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined)[] | null;
+export function ChartColors(props: any): (false | import("react").JSX.Element)[] | null;
 export default ChartColors;