@devgateway/dvz-wp-commons 1.2.0 → 1.3.0

package/build/MapCSVSourceConfig.cjs

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.MapCSVSourceConfig = void 0;
+var _components = require("@wordpress/components");
+var _i18n = require("@wordpress/i18n");
+const MapCSVSourceConfig = ({
+  attributes: {
+    app,
+    csv,
+    hasMultipleMeasures,
+    enableSummaryView
+  },
+  setAttributes
+}) => {
+  return [/* @__PURE__ */React.createElement(_components.PanelBody, {
+    initialOpen: false,
+    title: (0, _i18n.__)("CSV Configuration")
+  }, /* @__PURE__ */React.createElement(_components.PanelRow, null, /* @__PURE__ */React.createElement(_components.ToggleControl, {
+    label: "Has Multiple Measures",
+    checked: hasMultipleMeasures,
+    onChange: () => setAttributes({
+      hasMultipleMeasures: !hasMultipleMeasures
+    })
+  })), /* @__PURE__ */React.createElement(_components.PanelRow, null, /* @__PURE__ */React.createElement(_components.TextareaControl, {
+    label: (0, _i18n.__)("CSV Data"),
+    value: csv,
+    onChange: csv2 => setAttributes({
+      csv: csv2
+    })
+  })))];
+};
+exports.MapCSVSourceConfig = MapCSVSourceConfig;
+module.exports = MapCSVSourceConfig;

package/build/MapCSVSourceConfig.js

@@ -1,11 +1,22 @@
-import { PanelBody, PanelRow, ToggleControl, TextareaControl, SelectControl } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
+import { PanelBody, PanelRow, ToggleControl, TextareaControl, SelectControl } from "@wordpress/components";
+import { __ } from "@wordpress/i18n";
 export const MapCSVSourceConfig = ({ attributes: { app, csv, hasMultipleMeasures, enableSummaryView }, setAttributes }) => {
-    return ([React.createElement(PanelBody, { initialOpen: false, title: __("CSV Configuration") },
-            React.createElement(PanelRow, null,
-                React.createElement(ToggleControl, { label: "Has Multiple Measures", checked: hasMultipleMeasures, onChange: () => setAttributes({ hasMultipleMeasures: !hasMultipleMeasures }) })),
-            React.createElement(PanelRow, null,
-                React.createElement(TextareaControl, { label: __("CSV Data"), value: csv, onChange: (csv) => setAttributes({ csv }) })))
-    ]);
+  return [
+    /* @__PURE__ */ React.createElement(PanelBody, { initialOpen: false, title: __("CSV Configuration") }, /* @__PURE__ */ React.createElement(PanelRow, null, /* @__PURE__ */ React.createElement(
+      ToggleControl,
+      {
+        label: "Has Multiple Measures",
+        checked: hasMultipleMeasures,
+        onChange: () => setAttributes({ hasMultipleMeasures: !hasMultipleMeasures })
+      }
+    )), /* @__PURE__ */ React.createElement(PanelRow, null, /* @__PURE__ */ React.createElement(
+      TextareaControl,
+      {
+        label: __("CSV Data"),
+        value: csv,
+        onChange: (csv2) => setAttributes({ csv: csv2 })
+      }
+    )))
+  ];
 };
 export default MapCSVSourceConfig;

package/build/Measures.cjs

@@ -0,0 +1,196 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.Measures = void 0;
+var _i18n = require("@wordpress/i18n");
+var _components = require("@wordpress/components");
+var _Format = _interopRequireDefault(require("./Format.cjs"));
+var _Util = require("./Util.cjs");
+var _APIutils = require("./APIutils.cjs");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const defaultFormat = {
+  "style": "percent",
+  "minimumFractionDigits": 1,
+  "maximumFractionDigits": 1,
+  "currency": "USD"
+};
+const Measures = props => {
+  const {
+    onMeasuresChange,
+    onFormatChange,
+    onUseCustomAxisFormatChange,
+    onSetSingleMeasure,
+    onCustomLabelToggleChange,
+    onCustomLabelChange,
+    allMeasures,
+    setAttributes,
+    title,
+    format,
+    attributes: {
+      panelStatus,
+      measures,
+      dimension1,
+      dimension2,
+      type,
+      app
+    }
+  } = props;
+  const MToggle = ({
+    measure
+  }) => {
+    const userMeasure = measures[app] ? measures[app][measure.value] : {};
+    return /* @__PURE__ */React.createElement(_components.ToggleControl, {
+      label: (0, _APIutils.getTranslation)(measure),
+      checked: userMeasure ? userMeasure.selected : false,
+      onChange: value => onMeasuresChange(measure.value)
+    });
+  };
+  const MCheckbox = ({
+    measure
+  }) => {
+    const userMeasure = measures[app] ? measures[app][measure.value] : {};
+    let isChecked;
+    if (measures instanceof Array) {
+      isChecked = measures.includes(measure.value);
+    } else {
+      isChecked = userMeasure ? userMeasure.selected : false;
+    }
+    return /* @__PURE__ */React.createElement(_components.CheckboxControl, {
+      label: (0, _APIutils.getTranslation)(measure),
+      checked: isChecked,
+      onChange: value => onSetSingleMeasure(measure.value)
+    });
+  };
+  const MeasureOptions = ({
+    measure,
+    single
+  }) => {
+    return /* @__PURE__ */React.createElement(_components.PanelRow, null, single && /* @__PURE__ */React.createElement(MCheckbox, {
+      measure
+    }), !single && /* @__PURE__ */React.createElement(MToggle, {
+      measure
+    }));
+  };
+  const countSelected = g => {
+    if (measures[app]) {
+      const mG = allMeasures.filter(f => (0, _APIutils.getTranslation)(f.group) === g);
+      let count = 0;
+      Object.keys(measures[app]).filter(l => mG.map(m => m.value).indexOf(l) > -1).forEach(k => {
+        if (measures[app][k].selected) {
+          count++;
+        }
+      });
+      return count;
+    }
+    return 0;
+  };
+  const countTotal = g => {
+    if (g) {
+      return allMeasures.filter(f => (0, _APIutils.getTranslation)(f.group) === g).length;
+    }
+    return 0;
+  };
+  const getSelectedMeasures = () => {
+    if (measures[app] && allMeasures) {
+      return Object.keys(measures[app]).filter(k => measures[app][k].selected).map(k => {
+        return allMeasures.filter(m => m.value === k)[0];
+      }).filter(m => m);
+    }
+    return [];
+  };
+  const selectedMeasures = getSelectedMeasures();
+  return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(_components.PanelBody, {
+    title: title ? title : (0, _i18n.__)("Measures"),
+    initialOpen: panelStatus["MEASURES"],
+    onToggle: e => (0, _Util.togglePanel)("MEASURES", panelStatus, setAttributes)
+  },
+  /*
+               Multiple measures conditions
+  
+               Bar & Line:
+                   no dimensions selected
+                   one dimension is selected
+                   -  not available when second dimension gets selected
+  
+               Pie:
+                    no dimensions selected
+                     -  not available when any dimension is selected
+               */
+  (type == "radar" || type == "line" && dimension2 == "none" || type == "bar" && dimension2 == "none" || type == "pie" && dimension1 == "none" && dimension2 == "none") && allMeasures && [...new Set(allMeasures.map(p => (0, _APIutils.getTranslation)(p.group)))].map(g => {
+    return /* @__PURE__ */React.createElement(_components.PanelBody, {
+      initialOpen: panelStatus[g],
+      onToggle: e => (0, _Util.togglePanel)(g, panelStatus, setAttributes),
+      title: `${g} (${countSelected(g)} / ${countTotal(g)} ) `
+    }, allMeasures.filter(f => (0, _APIutils.getTranslation)(f.group) === g).map(m => /* @__PURE__ */React.createElement(_components.PanelRow, null, /* @__PURE__ */React.createElement(MeasureOptions, {
+      single: false,
+      measure: m
+    }))));
+  }),
+  /*Single measure conditions
+  
+          Bar & Lie:
+              2 dimensions selected
+          Pie:
+              any dimensions selected
+  
+          */
+  (type == "big-number" || type == "line" && dimension2 != "none" || type == "bar" && dimension2 != "none" || type == "pie" && (dimension1 != "none" || dimension2 != "none")) && allMeasures && [...new Set(allMeasures.map(p => (0, _APIutils.getTranslation)(p.group)))].map(g => {
+    return /* @__PURE__ */React.createElement(_components.PanelBody, {
+      initialOpen: panelStatus[g],
+      onToggle: e => (0, _Util.togglePanel)(g, panelStatus, setAttributes),
+      title: `${g} (${countSelected(g)} / ${countTotal(g)} ) `
+    }, allMeasures.filter(f => (0, _APIutils.getTranslation)(f.group) === g).map(m => /* @__PURE__ */React.createElement(_components.PanelRow, null, /* @__PURE__ */React.createElement(MeasureOptions, {
+      single: true,
+      measure: m
+    }))));
+  }), type == "overlay" && allMeasures && /* @__PURE__ */React.createElement(_components.SelectControl, {
+    label: "Measure",
+    value: selectedMeasures && selectedMeasures[0] ? selectedMeasures[0].value : null,
+    options: [{
+      value: "",
+      label: "Select Measure"
+    }, ...allMeasures],
+    onChange: measure => onSetSingleMeasure(measure),
+    __nextHasNoMarginBottom: true
+  }), type != "overlay" && /* @__PURE__ */React.createElement(_components.PanelBody, {
+    title: (0, _i18n.__)("Format"),
+    initialOpen: panelStatus["FORMAT"],
+    onToggle: e => (0, _Util.togglePanel)("FORMAT", panelStatus, setAttributes)
+  }, /* @__PURE__ */React.createElement(_Format.default, {
+    hiddenCustomAxisFormat: type == "radar" || type == "big-number",
+    format: format || (measures[app] && measures[app].format ? measures[app].format : defaultFormat),
+    customFormat: measures[app] && measures[app].customFormat ? measures[app].customFormat : defaultFormat,
+    useCustomAxisFormat: measures[app] ? measures[app].useCustomAxisFormat : false,
+    onFormatChange: (format2, field) => {
+      onFormatChange(format2, field);
+    },
+    onUseCustomAxisFormatChange: value => {
+      onUseCustomAxisFormatChange(value);
+    }
+  }))), type != "overlay" && selectedMeasures && selectedMeasures.length > 0 && /* @__PURE__ */React.createElement(_components.PanelBody, {
+    title: (0, _i18n.__)("Measure Label Customization"),
+    initialOpen: panelStatus["MEASURES_LABEL_CUSTOMIZATION"],
+    onToggle: e => (0, _Util.togglePanel)("MEASURES_LABEL_CUSTOMIZATION", panelStatus, setAttributes)
+  }, selectedMeasures && [...new Set(selectedMeasures.map(p => (0, _APIutils.getTranslation)(p.group)))].map(g => {
+    return /* @__PURE__ */React.createElement(_components.PanelBody, {
+      initialOpen: panelStatus[g + "_LABEL_CUSTOMIZATION"],
+      onToggle: e => (0, _Util.togglePanel)(g + "_LABEL_CUSTOMIZATION", panelStatus, setAttributes),
+      title: `${g}`
+    }, selectedMeasures.filter(f => (0, _APIutils.getTranslation)(f.group) === g).map(m => {
+      const userMeasure = measures[app] ? measures[app][m.value] : {};
+      return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(_components.PanelRow, null, /* @__PURE__ */React.createElement(_components.ToggleControl, {
+        label: (0, _APIutils.getTranslation)(m),
+        checked: userMeasure ? userMeasure.hasCustomLabel : false,
+        onChange: value => onCustomLabelToggleChange(m.value)
+      }), " "), userMeasure.hasCustomLabel && /* @__PURE__ */React.createElement(_components.PanelRow, null, /* @__PURE__ */React.createElement(_components.TextControl, {
+        label: (0, _i18n.__)("Custom Label"),
+        value: userMeasure ? userMeasure.customLabel : "",
+        onChange: value => onCustomLabelChange(m.value, value)
+      })));
+    }));
+  })));
+};
+exports.Measures = Measures;
+module.exports = Measures;

package/build/Measures.js

@@ -1,119 +1,215 @@
-import { __ } from '@wordpress/i18n';
-import { CheckboxControl, PanelBody, PanelRow, SelectControl, ToggleControl, TextControl } from '@wordpress/components';
-import Format from './Format';
-import { togglePanel } from "./Util";
-import { getTranslation } from "./APIutils";
+import { __ } from "@wordpress/i18n";
+import { CheckboxControl, PanelBody, PanelRow, SelectControl, ToggleControl, TextControl } from "@wordpress/components";
+import Format from "./Format.js";
+import { togglePanel } from "./Util.js";
+import { getTranslation } from "./APIutils.js";
 const defaultFormat = {
-    "style": "percent",
-    "minimumFractionDigits": 1,
-    "maximumFractionDigits": 1,
-    "currency": "USD"
+  "style": "percent",
+  "minimumFractionDigits": 1,
+  "maximumFractionDigits": 1,
+  "currency": "USD"
 };
 export const Measures = (props) => {
-    const { onMeasuresChange, onFormatChange, onUseCustomAxisFormatChange, onSetSingleMeasure, onCustomLabelToggleChange, onCustomLabelChange, allMeasures, setAttributes, title, format, attributes: { panelStatus, measures, dimension1, dimension2, type, app } } = props;
-    const MToggle = ({ measure }) => {
-        const userMeasure = measures[app] ? measures[app][measure.value] : {};
-        return (React.createElement(ToggleControl, { label: getTranslation(measure), checked: userMeasure ? userMeasure.selected : false, onChange: (value) => onMeasuresChange(measure.value) }));
-    };
-    const MCheckbox = ({ measure }) => {
-        const userMeasure = measures[app] ? measures[app][measure.value] : {};
-        let isChecked;
-        if (measures instanceof Array) {
-            isChecked = measures.includes(measure.value);
+  const {
+    onMeasuresChange,
+    onFormatChange,
+    onUseCustomAxisFormatChange,
+    onSetSingleMeasure,
+    onCustomLabelToggleChange,
+    onCustomLabelChange,
+    allMeasures,
+    setAttributes,
+    title,
+    format,
+    attributes: {
+      panelStatus,
+      measures,
+      dimension1,
+      dimension2,
+      type,
+      app
+    }
+  } = props;
+  const MToggle = ({ measure }) => {
+    const userMeasure = measures[app] ? measures[app][measure.value] : {};
+    return /* @__PURE__ */ React.createElement(
+      ToggleControl,
+      {
+        label: getTranslation(measure),
+        checked: userMeasure ? userMeasure.selected : false,
+        onChange: (value) => onMeasuresChange(measure.value)
+      }
+    );
+  };
+  const MCheckbox = ({ measure }) => {
+    const userMeasure = measures[app] ? measures[app][measure.value] : {};
+    let isChecked;
+    if (measures instanceof Array) {
+      isChecked = measures.includes(measure.value);
+    } else {
+      isChecked = userMeasure ? userMeasure.selected : false;
+    }
+    return /* @__PURE__ */ React.createElement(
+      CheckboxControl,
+      {
+        label: getTranslation(measure),
+        checked: isChecked,
+        onChange: (value) => onSetSingleMeasure(measure.value)
+      }
+    );
+  };
+  const MeasureOptions = ({ measure, single }) => {
+    return /* @__PURE__ */ React.createElement(PanelRow, null, single && /* @__PURE__ */ React.createElement(MCheckbox, { measure }), !single && /* @__PURE__ */ React.createElement(MToggle, { measure }));
+  };
+  const countSelected = (g) => {
+    if (measures[app]) {
+      const mG = allMeasures.filter((f) => getTranslation(f.group) === g);
+      let count = 0;
+      Object.keys(measures[app]).filter((l) => mG.map((m) => m.value).indexOf(l) > -1).forEach((k) => {
+        if (measures[app][k].selected) {
+          count++;
         }
-        else {
-            isChecked = userMeasure ? userMeasure.selected : false;
-        }
-        return React.createElement(CheckboxControl, { label: getTranslation(measure), checked: isChecked, onChange: (value) => onSetSingleMeasure(measure.value) });
-    };
-    const MeasureOptions = ({ measure, single }) => {
-        return React.createElement(PanelRow, null,
-            single && React.createElement(MCheckbox, { measure: measure }),
-            !single && React.createElement(MToggle, { measure: measure }));
-    };
-    const countSelected = (g) => {
-        if (measures[app]) {
-            const mG = allMeasures.filter(f => getTranslation(f.group) === g);
-            let count = 0;
-            Object.keys(measures[app]).filter(l => mG.map(m => m.value).indexOf(l) > -1).forEach(k => {
-                if (measures[app][k].selected) {
-                    count++;
-                }
-            });
-            return count;
-        }
-        return 0;
-    };
-    const countTotal = (g) => {
-        if (g) {
-            return allMeasures.filter(f => getTranslation(f.group) === g).length;
-        }
-        return 0;
-    };
-    const getSelectedMeasures = () => {
-        if (measures[app] && allMeasures) {
-            return Object.keys(measures[app]).filter(k => measures[app][k].selected).map(k => {
-                return allMeasures.filter(m => m.value === k)[0];
-            }).filter(m => m);
-        }
-        return [];
-    };
-    const selectedMeasures = getSelectedMeasures();
-    return React.createElement(React.Fragment, null,
-        React.createElement(PanelBody, { title: title ? title : __("Measures"), initialOpen: panelStatus["MEASURES"], onToggle: e => togglePanel("MEASURES", panelStatus, setAttributes) },
-            /*
-             Multiple measures conditions
-
-             Bar & Line:
-                 no dimensions selected
-                 one dimension is selected
-                 -  not available when second dimension gets selected
-
-             Pie:
-                  no dimensions selected
-                   -  not available when any dimension is selected
-             */
-            ((type == 'radar') ||
-                (type == 'line' && dimension2 == 'none') ||
-                (type == 'bar' && dimension2 == 'none') ||
-                (type == 'pie' && dimension1 == 'none' && dimension2 == 'none')) && allMeasures && [...new Set(allMeasures.map(p => getTranslation(p.group)))].map(g => {
-                return (React.createElement(PanelBody, { initialOpen: panelStatus[g], onToggle: e => togglePanel(g, panelStatus, setAttributes), title: `${g} (${countSelected(g)} / ${countTotal(g)} ) ` }, allMeasures.filter(f => getTranslation(f.group) === g)
-                    .map(m => React.createElement(PanelRow, null,
-                    React.createElement(MeasureOptions, { single: false, measure: m })))));
-            }),
-            /*Single measure conditions
-
+      });
+      return count;
+    }
+    return 0;
+  };
+  const countTotal = (g) => {
+    if (g) {
+      return allMeasures.filter((f) => getTranslation(f.group) === g).length;
+    }
+    return 0;
+  };
+  const getSelectedMeasures = () => {
+    if (measures[app] && allMeasures) {
+      return Object.keys(measures[app]).filter((k) => measures[app][k].selected).map((k) => {
+        return allMeasures.filter((m) => m.value === k)[0];
+      }).filter((m) => m);
+    }
+    return [];
+  };
+  const selectedMeasures = getSelectedMeasures();
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    PanelBody,
+    {
+      title: title ? title : __("Measures"),
+      initialOpen: panelStatus["MEASURES"],
+      onToggle: (e) => togglePanel("MEASURES", panelStatus, setAttributes)
+    },
+    /*
+                 Multiple measures conditions
+    
+                 Bar & Line:
+                     no dimensions selected
+                     one dimension is selected
+                     -  not available when second dimension gets selected
+    
+                 Pie:
+                      no dimensions selected
+                       -  not available when any dimension is selected
+                 */
+    (type == "radar" || type == "line" && dimension2 == "none" || type == "bar" && dimension2 == "none" || type == "pie" && dimension1 == "none" && dimension2 == "none") && allMeasures && [...new Set(allMeasures.map((p) => getTranslation(p.group)))].map(
+      (g) => {
+        return /* @__PURE__ */ React.createElement(
+          PanelBody,
+          {
+            initialOpen: panelStatus[g],
+            onToggle: (e) => togglePanel(g, panelStatus, setAttributes),
+            title: `${g} (${countSelected(g)} / ${countTotal(g)} ) `
+          },
+          allMeasures.filter((f) => getTranslation(f.group) === g).map((m) => /* @__PURE__ */ React.createElement(PanelRow, null, /* @__PURE__ */ React.createElement(MeasureOptions, { single: false, measure: m })))
+        );
+      }
+    ),
+    /*Single measure conditions
+    
             Bar & Lie:
                 2 dimensions selected
             Pie:
                 any dimensions selected
-
+    
             */
-            ((type == 'big-number') || (type == 'line' && dimension2 != 'none') || (type == 'bar' && dimension2 != 'none') || (type == 'pie' && (dimension1 != 'none' || dimension2 != 'none'))) && allMeasures && [...new Set(allMeasures.map(p => getTranslation(p.group)))].map(g => {
-                return (React.createElement(PanelBody, { initialOpen: panelStatus[g], onToggle: e => togglePanel(g, panelStatus, setAttributes), title: `${g} (${countSelected(g)} / ${countTotal(g)} ) ` }, allMeasures.filter(f => getTranslation(f.group) === g)
-                    .map(m => React.createElement(PanelRow, null,
-                    React.createElement(MeasureOptions, { single: true, measure: m })))));
-            }),
-            (type == 'overlay') && allMeasures && React.createElement(SelectControl, { label: "Measure", value: selectedMeasures && selectedMeasures[0] ? selectedMeasures[0].value : null, options: [{ value: '', label: 'Select Measure' }, ...allMeasures], onChange: (measure) => onSetSingleMeasure(measure), __nextHasNoMarginBottom: true }),
-            (type != 'overlay') && React.createElement(PanelBody, { title: __("Format"), initialOpen: panelStatus["FORMAT"], onToggle: e => togglePanel("FORMAT", panelStatus, setAttributes) },
-                React.createElement(Format, { hiddenCustomAxisFormat: type == 'radar' || type == 'big-number', format: format || (measures[app] && measures[app].format ? measures[app].format : defaultFormat), customFormat: measures[app] && measures[app].customFormat ? measures[app].customFormat : defaultFormat, useCustomAxisFormat: measures[app] ? measures[app].useCustomAxisFormat : false, onFormatChange: (format, field) => {
-                        onFormatChange(format, field);
-                    }, onUseCustomAxisFormatChange: value => {
-                        onUseCustomAxisFormatChange(value);
-                    } }))),
-        (type != 'overlay') && selectedMeasures && selectedMeasures.length > 0 &&
-            React.createElement(PanelBody, { title: __("Measure Label Customization"), initialOpen: panelStatus["MEASURES_LABEL_CUSTOMIZATION"], onToggle: e => togglePanel("MEASURES_LABEL_CUSTOMIZATION", panelStatus, setAttributes) }, selectedMeasures && [...new Set(selectedMeasures.map(p => getTranslation(p.group)))].map(g => {
-                return (React.createElement(PanelBody, { initialOpen: panelStatus[g + "_LABEL_CUSTOMIZATION"], onToggle: e => togglePanel(g + "_LABEL_CUSTOMIZATION", panelStatus, setAttributes), title: `${g}` }, selectedMeasures.filter(f => getTranslation(f.group) === g)
-                    .map(m => {
-                    const userMeasure = measures[app] ? measures[app][m.value] : {};
-                    return (React.createElement(React.Fragment, null,
-                        React.createElement(PanelRow, null,
-                            React.createElement(ToggleControl, { label: getTranslation(m), checked: userMeasure ? userMeasure.hasCustomLabel : false, onChange: (value) => onCustomLabelToggleChange(m.value) }),
-                            " "),
-                        userMeasure.hasCustomLabel &&
-                            React.createElement(PanelRow, null,
-                                React.createElement(TextControl, { label: __("Custom Label"), value: userMeasure ? userMeasure.customLabel : "", onChange: (value) => onCustomLabelChange(m.value, value) }))));
-                })));
-            })));
+    (type == "big-number" || type == "line" && dimension2 != "none" || type == "bar" && dimension2 != "none" || type == "pie" && (dimension1 != "none" || dimension2 != "none")) && allMeasures && [...new Set(allMeasures.map((p) => getTranslation(p.group)))].map((g) => {
+      return /* @__PURE__ */ React.createElement(
+        PanelBody,
+        {
+          initialOpen: panelStatus[g],
+          onToggle: (e) => togglePanel(g, panelStatus, setAttributes),
+          title: `${g} (${countSelected(g)} / ${countTotal(g)} ) `
+        },
+        allMeasures.filter((f) => getTranslation(f.group) === g).map((m) => /* @__PURE__ */ React.createElement(PanelRow, null, /* @__PURE__ */ React.createElement(MeasureOptions, { single: true, measure: m })))
+      );
+    }),
+    type == "overlay" && allMeasures && /* @__PURE__ */ React.createElement(
+      SelectControl,
+      {
+        label: "Measure",
+        value: selectedMeasures && selectedMeasures[0] ? selectedMeasures[0].value : null,
+        options: [{ value: "", label: "Select Measure" }, ...allMeasures],
+        onChange: (measure) => onSetSingleMeasure(measure),
+        __nextHasNoMarginBottom: true
+      }
+    ),
+    type != "overlay" && /* @__PURE__ */ React.createElement(
+      PanelBody,
+      {
+        title: __("Format"),
+        initialOpen: panelStatus["FORMAT"],
+        onToggle: (e) => togglePanel("FORMAT", panelStatus, setAttributes)
+      },
+      /* @__PURE__ */ React.createElement(
+        Format,
+        {
+          hiddenCustomAxisFormat: type == "radar" || type == "big-number",
+          format: format || (measures[app] && measures[app].format ? measures[app].format : defaultFormat),
+          customFormat: measures[app] && measures[app].customFormat ? measures[app].customFormat : defaultFormat,
+          useCustomAxisFormat: measures[app] ? measures[app].useCustomAxisFormat : false,
+          onFormatChange: (format2, field) => {
+            onFormatChange(format2, field);
+          },
+          onUseCustomAxisFormatChange: (value) => {
+            onUseCustomAxisFormatChange(value);
+          }
+        }
+      )
+    )
+  ), type != "overlay" && selectedMeasures && selectedMeasures.length > 0 && /* @__PURE__ */ React.createElement(
+    PanelBody,
+    {
+      title: __("Measure Label Customization"),
+      initialOpen: panelStatus["MEASURES_LABEL_CUSTOMIZATION"],
+      onToggle: (e) => togglePanel("MEASURES_LABEL_CUSTOMIZATION", panelStatus, setAttributes)
+    },
+    selectedMeasures && [...new Set(selectedMeasures.map((p) => getTranslation(p.group)))].map(
+      (g) => {
+        return /* @__PURE__ */ React.createElement(
+          PanelBody,
+          {
+            initialOpen: panelStatus[g + "_LABEL_CUSTOMIZATION"],
+            onToggle: (e) => togglePanel(g + "_LABEL_CUSTOMIZATION", panelStatus, setAttributes),
+            title: `${g}`
+          },
+          selectedMeasures.filter((f) => getTranslation(f.group) === g).map((m) => {
+            const userMeasure = measures[app] ? measures[app][m.value] : {};
+            return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(PanelRow, null, /* @__PURE__ */ React.createElement(
+              ToggleControl,
+              {
+                label: getTranslation(m),
+                checked: userMeasure ? userMeasure.hasCustomLabel : false,
+                onChange: (value) => onCustomLabelToggleChange(m.value)
+              }
+            ), " "), userMeasure.hasCustomLabel && /* @__PURE__ */ React.createElement(PanelRow, null, /* @__PURE__ */ React.createElement(
+              TextControl,
+              {
+                label: __("Custom Label"),
+                value: userMeasure ? userMeasure.customLabel : "",
+                onChange: (value) => onCustomLabelChange(m.value, value)
+              }
+            )));
+          })
+        );
+      }
+    )
+  ));
 };
 export default Measures;