@devgateway/dvz-wp-commons 1.2.0 → 1.3.0

package/build/ChartLegends.cjs

@@ -0,0 +1,157 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartLegends = void 0;
+var _components = require("@wordpress/components");
+var _i18n = require("@wordpress/i18n");
+var _blockEditor = require("@wordpress/block-editor");
+const ChartLegends = props => {
+  const {
+    setAttributes,
+    attributes: {
+      showLegends,
+      legendPosition,
+      marginLeft,
+      marginRight,
+      marginBottom,
+      marginTop,
+      legendLabel,
+      useLabelBackground,
+      useCheckBoxBackground,
+      legendLabelColor,
+      reverseLegend,
+      showLegendsInColumns,
+      numberOfLegendColumns
+    }
+  } = props;
+  return [/* @__PURE__ */React.createElement(_components.PanelBody, {
+    initialOpen: false,
+    title: (0, _i18n.__)("Margins")
+  }, /* @__PURE__ */React.createElement(_components.PanelRow, null, /* @__PURE__ */React.createElement(_components.RangeControl, {
+    label: (0, _i18n.__)("Margin Bottom (Space between chart area and bottom border)"),
+    value: marginBottom,
+    onChange: marginBottom2 => setAttributes({
+      marginBottom: marginBottom2
+    }),
+    min: 0,
+    max: 500
+  })), /* @__PURE__ */React.createElement(_components.PanelRow, null, /* @__PURE__ */React.createElement(_components.RangeControl, {
+    label: (0, _i18n.__)("Margin Left (Space between chart area and left border)"),
+    value: marginLeft,
+    initialPosition: 0,
+    onChange: marginLeft2 => setAttributes({
+      marginLeft: marginLeft2
+    }),
+    step: 1,
+    min: 0,
+    max: 500
+  })), /* @__PURE__ */React.createElement(_components.PanelRow, null, /* @__PURE__ */React.createElement(_components.RangeControl, {
+    label: (0, _i18n.__)("Margin Right"),
+    value: marginRight,
+    onChange: marginRight2 => setAttributes({
+      marginRight: marginRight2
+    }),
+    min: 0,
+    max: 500
+  })), /* @__PURE__ */React.createElement(_components.PanelRow, null, /* @__PURE__ */React.createElement(_components.RangeControl, {
+    label: (0, _i18n.__)("Margin Top"),
+    value: marginTop,
+    onChange: marginTop2 => setAttributes({
+      marginTop: marginTop2
+    }),
+    min: 0,
+    max: 500
+  }))), /* @__PURE__ */React.createElement(_components.PanelBody, {
+    initialOpen: false,
+    title: (0, _i18n.__)("Legends")
+  }, /* @__PURE__ */React.createElement(_components.PanelRow, null, /* @__PURE__ */React.createElement(_components.ToggleControl, {
+    label: (0, _i18n.__)("Show Legends"),
+    checked: showLegends,
+    onChange: () => setAttributes({
+      showLegends: !showLegends
+    })
+  })), showLegends && /* @__PURE__ */React.createElement(_components.PanelRow, null, /* @__PURE__ */React.createElement(_components.ToggleControl, {
+    label: (0, _i18n.__)("Show Legends in Columns"),
+    checked: showLegendsInColumns,
+    onChange: () => setAttributes({
+      showLegendsInColumns: !showLegendsInColumns
+    })
+  })), showLegends && showLegendsInColumns && /* @__PURE__ */React.createElement(_components.PanelRow, null, /* @__PURE__ */React.createElement(_components.TextControl, {
+    label: (0, _i18n.__)("Number of Legend Columns"),
+    value: numberOfLegendColumns,
+    onChange: numberOfLegendColumns2 => setAttributes({
+      numberOfLegendColumns: numberOfLegendColumns2
+    }),
+    type: "number",
+    min: 1,
+    max: 10
+  })), showLegends && /* @__PURE__ */React.createElement(_components.PanelRow, null, /* @__PURE__ */React.createElement(_components.ToggleControl, {
+    label: (0, _i18n.__)("Reverse legend order"),
+    checked: reverseLegend,
+    onChange: () => setAttributes({
+      reverseLegend: !reverseLegend
+    })
+  })), showLegends && /* @__PURE__ */React.createElement(_components.PanelRow, null, /* @__PURE__ */React.createElement(_components.ToggleControl, {
+    label: (0, _i18n.__)("Use Label Background"),
+    checked: useLabelBackground,
+    onChange: e => setAttributes({
+      useLabelBackground: !useLabelBackground
+    })
+  })), showLegends && /* @__PURE__ */React.createElement(_components.PanelRow, null, /* @__PURE__ */React.createElement(_components.ToggleControl, {
+    label: (0, _i18n.__)("Use Checkbox Background"),
+    checked: useCheckBoxBackground,
+    onChange: e => setAttributes({
+      useCheckBoxBackground: !useCheckBoxBackground
+    })
+  })), showLegends && /* @__PURE__ */React.createElement(_components.PanelRow, null, /* @__PURE__ */React.createElement(_components.ButtonGroup, null, /* @__PURE__ */React.createElement(_components.Button, {
+    isPrimary: legendPosition == "left",
+    isSecondary: legendPosition != "left",
+    onClick: e => setAttributes({
+      legendPosition: "left"
+    })
+  }, (0, _i18n.__)("Left")), /* @__PURE__ */React.createElement(_components.Button, {
+    isPrimary: legendPosition == "top",
+    isSecondary: legendPosition != "top",
+    onClick: e => setAttributes({
+      legendPosition: "top"
+    })
+  }, (0, _i18n.__)("Top")), /* @__PURE__ */React.createElement(_components.Button, {
+    isPrimary: legendPosition == "right",
+    isSecondary: legendPosition != "right",
+    onClick: e => setAttributes({
+      legendPosition: "right"
+    })
+  }, (0, _i18n.__)("Right")), /* @__PURE__ */React.createElement(_components.Button, {
+    isPrimary: legendPosition == "bottom",
+    isSecondary: legendPosition != "bottom",
+    onClick: e => setAttributes({
+      legendPosition: "bottom"
+    })
+  }, (0, _i18n.__)("Bottom")))), showLegends && /* @__PURE__ */React.createElement(_components.PanelRow, null, /* @__PURE__ */React.createElement(_components.TextControl, {
+    label: (0, _i18n.__)("Legends Title"),
+    value: legendLabel,
+    onChange: legendLabel2 => setAttributes({
+      legendLabel: legendLabel2
+    })
+  })), showLegends && /* @__PURE__ */React.createElement(_components.PanelRow, null, /* @__PURE__ */React.createElement(_blockEditor.PanelColorSettings, {
+    title: (0, _i18n.__)("Legends text color"),
+    colorSettings: [{
+      value: decodeURIComponent(legendLabelColor ? legendLabelColor : "#000000"),
+      onChange: color => {
+        if (color) {
+          setAttributes({
+            legendLabelColor: encodeURIComponent(color)
+          });
+        } else {
+          setAttributes({
+            legendLabelColor: null
+          });
+        }
+      },
+      label: (0, _i18n.__)("")
+    }]
+  }), " "))];
+};
+exports.ChartLegends = ChartLegends;

package/build/ChartLegends.d.ts

@@ -1,2 +1 @@
 export function ChartLegends(props: any): import("react").JSX.Element[];
-export default ChartLegends;

package/build/ChartLegends.js

@@ -1,56 +1,175 @@
-import { Button, ButtonGroup, PanelBody, PanelRow, RangeControl, TextControl, ToggleControl } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { PanelColorSettings } from '@wordpress/block-editor';
+import {
+  Button,
+  ButtonGroup,
+  PanelBody,
+  PanelRow,
+  RangeControl,
+  TextControl,
+  ToggleControl
+} from "@wordpress/components";
+import { __ } from "@wordpress/i18n";
+import { PanelColorSettings } from "@wordpress/block-editor";
 export const ChartLegends = (props) => {
-    const { setAttributes, attributes: { showLegends, legendPosition, marginLeft, marginRight, marginBottom, marginTop, legendLabel, useLabelBackground, useCheckBoxBackground, legendLabelColor, reverseLegend, showLegendsInColumns, numberOfLegendColumns } } = props;
-    return [
-        React.createElement(PanelBody, { initialOpen: false, title: __("Margins") },
-            React.createElement(PanelRow, null,
-                React.createElement(RangeControl, { label: __('Margin Bottom (Space between chart area and bottom border)'), value: marginBottom, onChange: (marginBottom) => setAttributes({ marginBottom }), min: 0, max: 500 })),
-            React.createElement(PanelRow, null,
-                React.createElement(RangeControl, { label: __('Margin Left (Space between chart area and left border)'), value: marginLeft, initialPosition: 0, onChange: (marginLeft) => setAttributes({ marginLeft }), step: 1, min: 0, max: 500 })),
-            React.createElement(PanelRow, null,
-                React.createElement(RangeControl, { label: __('Margin Right'), value: marginRight, onChange: (marginRight) => setAttributes({ marginRight }), min: 0, max: 500 })),
-            React.createElement(PanelRow, null,
-                React.createElement(RangeControl, { label: __('Margin Top'), value: marginTop, onChange: (marginTop) => setAttributes({ marginTop }), min: 0, max: 500 }))),
-        React.createElement(PanelBody, { initialOpen: false, title: __("Legends") },
-            React.createElement(PanelRow, null,
-                React.createElement(ToggleControl, { label: __("Show Legends"), checked: showLegends, onChange: () => setAttributes({ showLegends: !showLegends }) })),
-            showLegends && React.createElement(PanelRow, null,
-                React.createElement(ToggleControl, { label: __("Show Legends in Columns"), checked: showLegendsInColumns, onChange: () => setAttributes({ showLegendsInColumns: !showLegendsInColumns }) })),
-            showLegends && showLegendsInColumns && React.createElement(PanelRow, null,
-                React.createElement(TextControl, { label: __('Number of Legend Columns'), value: numberOfLegendColumns, onChange: (numberOfLegendColumns) => setAttributes({ numberOfLegendColumns }), type: "number", min: 1, max: 10 })),
-            showLegends &&
-                React.createElement(PanelRow, null,
-                    React.createElement(ToggleControl, { label: __("Reverse legend order"), checked: reverseLegend, onChange: () => setAttributes({ reverseLegend: !reverseLegend }) })),
-            showLegends && React.createElement(PanelRow, null,
-                React.createElement(ToggleControl, { label: __("Use Label Background"), checked: useLabelBackground, onChange: e => setAttributes({ useLabelBackground: !useLabelBackground }) })),
-            showLegends && React.createElement(PanelRow, null,
-                React.createElement(ToggleControl, { label: __("Use Checkbox Background"), checked: useCheckBoxBackground, onChange: e => setAttributes({ useCheckBoxBackground: !useCheckBoxBackground }) })),
-            showLegends && React.createElement(PanelRow, null,
-                React.createElement(ButtonGroup, null,
-                    React.createElement(Button, { isPrimary: legendPosition == 'left', isSecondary: legendPosition != 'left', onClick: e => setAttributes({ legendPosition: "left" }) }, __("Left")),
-                    React.createElement(Button, { isPrimary: legendPosition == 'top', isSecondary: legendPosition != 'top', onClick: e => setAttributes({ legendPosition: "top" }) }, __("Top")),
-                    React.createElement(Button, { isPrimary: legendPosition == 'right', isSecondary: legendPosition != 'right', onClick: e => setAttributes({ legendPosition: "right" }) }, __("Right")),
-                    React.createElement(Button, { isPrimary: legendPosition == 'bottom', isSecondary: legendPosition != 'bottom', onClick: e => setAttributes({ legendPosition: "bottom" }) }, __("Bottom")))),
-            showLegends && React.createElement(PanelRow, null,
-                React.createElement(TextControl, { label: __('Legends Title'), value: legendLabel, onChange: (legendLabel) => setAttributes({ legendLabel }) })),
-            showLegends && React.createElement(PanelRow, null,
-                React.createElement(PanelColorSettings, { title: __('Legends text color'), colorSettings: [
-                        {
-                            value: decodeURIComponent(legendLabelColor ? legendLabelColor : "#000000"),
-                            onChange: (color) => {
-                                if (color) {
-                                    setAttributes({ legendLabelColor: encodeURIComponent(color) });
-                                }
-                                else {
-                                    setAttributes({ legendLabelColor: null });
-                                }
-                            },
-                            label: __("")
-                        }
-                    ] }),
-                " ")),
-    ];
+  const {
+    setAttributes,
+    attributes: {
+      showLegends,
+      legendPosition,
+      marginLeft,
+      marginRight,
+      marginBottom,
+      marginTop,
+      legendLabel,
+      useLabelBackground,
+      useCheckBoxBackground,
+      legendLabelColor,
+      reverseLegend,
+      showLegendsInColumns,
+      numberOfLegendColumns
+    }
+  } = props;
+  return [
+    /* @__PURE__ */ React.createElement(PanelBody, { initialOpen: false, title: __("Margins") }, /* @__PURE__ */ React.createElement(PanelRow, null, /* @__PURE__ */ React.createElement(
+      RangeControl,
+      {
+        label: __("Margin Bottom (Space between chart area and bottom border)"),
+        value: marginBottom,
+        onChange: (marginBottom2) => setAttributes({ marginBottom: marginBottom2 }),
+        min: 0,
+        max: 500
+      }
+    )), /* @__PURE__ */ React.createElement(PanelRow, null, /* @__PURE__ */ React.createElement(
+      RangeControl,
+      {
+        label: __("Margin Left (Space between chart area and left border)"),
+        value: marginLeft,
+        initialPosition: 0,
+        onChange: (marginLeft2) => setAttributes({ marginLeft: marginLeft2 }),
+        step: 1,
+        min: 0,
+        max: 500
+      }
+    )), /* @__PURE__ */ React.createElement(PanelRow, null, /* @__PURE__ */ React.createElement(
+      RangeControl,
+      {
+        label: __("Margin Right"),
+        value: marginRight,
+        onChange: (marginRight2) => setAttributes({ marginRight: marginRight2 }),
+        min: 0,
+        max: 500
+      }
+    )), /* @__PURE__ */ React.createElement(PanelRow, null, /* @__PURE__ */ React.createElement(
+      RangeControl,
+      {
+        label: __("Margin Top"),
+        value: marginTop,
+        onChange: (marginTop2) => setAttributes({ marginTop: marginTop2 }),
+        min: 0,
+        max: 500
+      }
+    ))),
+    /* @__PURE__ */ React.createElement(PanelBody, { initialOpen: false, title: __("Legends") }, /* @__PURE__ */ React.createElement(PanelRow, null, /* @__PURE__ */ React.createElement(
+      ToggleControl,
+      {
+        label: __("Show Legends"),
+        checked: showLegends,
+        onChange: () => setAttributes({ showLegends: !showLegends })
+      }
+    )), showLegends && /* @__PURE__ */ React.createElement(PanelRow, null, /* @__PURE__ */ React.createElement(
+      ToggleControl,
+      {
+        label: __("Show Legends in Columns"),
+        checked: showLegendsInColumns,
+        onChange: () => setAttributes({ showLegendsInColumns: !showLegendsInColumns })
+      }
+    )), showLegends && showLegendsInColumns && /* @__PURE__ */ React.createElement(PanelRow, null, /* @__PURE__ */ React.createElement(
+      TextControl,
+      {
+        label: __("Number of Legend Columns"),
+        value: numberOfLegendColumns,
+        onChange: (numberOfLegendColumns2) => setAttributes({ numberOfLegendColumns: numberOfLegendColumns2 }),
+        type: "number",
+        min: 1,
+        max: 10
+      }
+    )), showLegends && /* @__PURE__ */ React.createElement(PanelRow, null, /* @__PURE__ */ React.createElement(
+      ToggleControl,
+      {
+        label: __("Reverse legend order"),
+        checked: reverseLegend,
+        onChange: () => setAttributes({ reverseLegend: !reverseLegend })
+      }
+    )), showLegends && /* @__PURE__ */ React.createElement(PanelRow, null, /* @__PURE__ */ React.createElement(
+      ToggleControl,
+      {
+        label: __("Use Label Background"),
+        checked: useLabelBackground,
+        onChange: (e) => setAttributes({ useLabelBackground: !useLabelBackground })
+      }
+    )), showLegends && /* @__PURE__ */ React.createElement(PanelRow, null, /* @__PURE__ */ React.createElement(
+      ToggleControl,
+      {
+        label: __("Use Checkbox Background"),
+        checked: useCheckBoxBackground,
+        onChange: (e) => setAttributes({ useCheckBoxBackground: !useCheckBoxBackground })
+      }
+    )), showLegends && /* @__PURE__ */ React.createElement(PanelRow, null, /* @__PURE__ */ React.createElement(ButtonGroup, null, /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        isPrimary: legendPosition == "left",
+        isSecondary: legendPosition != "left",
+        onClick: (e) => setAttributes({ legendPosition: "left" })
+      },
+      __("Left")
+    ), /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        isPrimary: legendPosition == "top",
+        isSecondary: legendPosition != "top",
+        onClick: (e) => setAttributes({ legendPosition: "top" })
+      },
+      __("Top")
+    ), /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        isPrimary: legendPosition == "right",
+        isSecondary: legendPosition != "right",
+        onClick: (e) => setAttributes({ legendPosition: "right" })
+      },
+      __("Right")
+    ), /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        isPrimary: legendPosition == "bottom",
+        isSecondary: legendPosition != "bottom",
+        onClick: (e) => setAttributes({ legendPosition: "bottom" })
+      },
+      __("Bottom")
+    ))), showLegends && /* @__PURE__ */ React.createElement(PanelRow, null, /* @__PURE__ */ React.createElement(
+      TextControl,
+      {
+        label: __("Legends Title"),
+        value: legendLabel,
+        onChange: (legendLabel2) => setAttributes({ legendLabel: legendLabel2 })
+      }
+    )), showLegends && /* @__PURE__ */ React.createElement(PanelRow, null, /* @__PURE__ */ React.createElement(
+      PanelColorSettings,
+      {
+        title: __("Legends text color"),
+        colorSettings: [
+          {
+            value: decodeURIComponent(legendLabelColor ? legendLabelColor : "#000000"),
+            onChange: (color) => {
+              if (color) {
+                setAttributes({ legendLabelColor: encodeURIComponent(color) });
+              } else {
+                setAttributes({ legendLabelColor: null });
+              }
+            },
+            label: __("")
+          }
+        ]
+      }
+    ), " "))
+  ];
 };
-export default ChartLegends;

package/build/ChartMeasures.cjs

@@ -0,0 +1,192 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartMeasures = 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 ChartMeasures = props => {
+  const {
+    onMeasuresChange,
+    onFormatChange,
+    onUseCustomAxisFormatChange,
+    onSetSingleMeasure,
+    onCustomLabelToggleChange,
+    onCustomLabelChange,
+    allMeasures,
+    setAttributes,
+    title,
+    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] : {};
+    return /* @__PURE__ */React.createElement(_components.CheckboxControl, {
+      label: (0, _APIutils.getTranslation)(measure),
+      checked: userMeasure ? userMeasure.selected : false,
+      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:
+               no dimensions selected
+               one dimension is selected
+               -  not available when second dimension gets selected
+  
+               Line:
+                 - Always multi measure as measures represents line series, one dimension should always be selected
+  
+               Pie:
+                    no dimensions selected
+                     -  not available when any dimension is selected
+               */
+  (type == "line" || 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:
+                 2 dimensions selected
+           Line:
+                  never
+           Pie:
+                any dimensions selected
+  
+          */
+  (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)} / ${allMeasures.filter(f => f.group === g).length} ) `
+    }, 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, {
+    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 && /* @__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.ChartMeasures = ChartMeasures;

package/build/ChartMeasures.d.ts

@@ -1,2 +1 @@
 export function ChartMeasures(props: any): import("react").JSX.Element;
-export default ChartMeasures;