@devgateway/dvz-wp-commons 1.1.0 → 1.3.0

package/build/APIConfig.cjs

@@ -0,0 +1,479 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.FilterSelector = exports.CategoricalFilter = exports.APIConfig = void 0;
+var _element = require("@wordpress/element");
+var _i18n = require("@wordpress/i18n");
+var _components = require("@wordpress/components");
+var _Measures = require("./Measures.cjs");
+const defaultFormat = {
+  style: "percent",
+  minimumFractionDigits: 1,
+  maximumFractionDigits: 1,
+  currency: "USD"
+};
+const FilterSelector = ({
+  param,
+  index,
+  options,
+  onUpdateFilterParam
+}) => {
+  const sortedOptions = options.sort(function (a, b) {
+    var aLabel = a.label ? a.label.toLowerCase() : "";
+    var bLabel = b.label ? b.label.toLowerCase() : "";
+    return aLabel < bLabel ? -1 : aLabel > bLabel ? 1 : 0;
+  });
+  return /* @__PURE__ */React.createElement(_components.SelectControl, {
+    onChange: value => {
+      onUpdateFilterParam(value, index);
+    },
+    value: param,
+    options: sortedOptions
+  });
+};
+exports.FilterSelector = FilterSelector;
+const CategoricalFilter = ({
+  value,
+  index,
+  items,
+  onUpdateFilterValue
+}) => {
+  if (items) {
+    const sortedItems = items.sort(function (a, b) {
+      if (a.position !== void 0 && b.position !== void 0 && a.position !== b.position) {
+        return a.position - b.position;
+      }
+      let aValue = a.value ? a.value.toLowerCase() : "";
+      let bValue = b.value ? b.value.toLowerCase() : "";
+      return aValue < bValue ? -1 : aValue > bValue ? 1 : 0;
+    });
+    return sortedItems.map(v => /* @__PURE__ */React.createElement(_components.PanelRow, null, " ", /* @__PURE__ */React.createElement(_components.ToggleControl, {
+      label: v.value,
+      checked: value.indexOf(v.id) > -1,
+      onChange: e => {
+        onUpdateFilterValue(v.id, index);
+      }
+    })));
+  } else {
+    return null;
+  }
+};
+exports.CategoricalFilter = CategoricalFilter;
+class APIConfig extends _element.Component {
+  constructor(props) {
+    super(props);
+    this.onMeasuresChange = this.onMeasuresChange.bind(this);
+    this.onSetSingleMeasure = this.onSetSingleMeasure.bind(this);
+    this.addFilter = this.addFilter.bind(this);
+    this.updateFilterParam = this.updateFilterParam.bind(this);
+    this.updateFilterValue = this.updateFilterValue.bind(this);
+    this.setFilterValue = this.setFilterValue.bind(this);
+    this.removeFilter = this.removeFilter.bind(this);
+    this.items = this.items.bind(this);
+    this.onFormatChange = this.onFormatChange.bind(this);
+    this.onCustomLabelToggleChange = this.onCustomLabelToggleChange.bind(this);
+    this.onCustomLabelChange = this.onCustomLabelChange.bind(this);
+    this.onUseCustomAxisFormatChange = this.onUseCustomAxisFormatChange.bind(this);
+    this.state = {
+      measures: [],
+      dimensions: [],
+      filters: [],
+      categories: []
+    };
+  }
+  cleanSelection(prevState) {
+    const {
+      setAttributes
+    } = this.props;
+    setAttributes({
+      measures: [],
+      filters: []
+    });
+  }
+  updateFilterParam(param, idx) {
+    const {
+      attributes: {
+        filters
+      },
+      setAttributes,
+      allFilters
+    } = this.props;
+    const newFilters = filters.slice();
+    const selected = allFilters.filter(f => f.param === param)[0];
+    newFilters[idx] = {
+      ...selected,
+      value: []
+    };
+    setAttributes({
+      filters: newFilters
+    });
+  }
+  updateFilterValue(value, idx) {
+    const {
+      attributes: {
+        filters
+      },
+      setAttributes,
+      allFilters
+    } = this.props;
+    const selected = filters[idx];
+    let values = selected.value;
+    if (values.indexOf(value) > -1) {
+      values = values.filter(v => v != value);
+    } else {
+      values.push(value);
+    }
+    const newFilters = filters.slice();
+    newFilters[idx].value = values;
+    setAttributes({
+      filters: newFilters
+    });
+  }
+  setFilterValue(value, idx) {
+    const {
+      attributes: {
+        filters
+      },
+      setAttributes,
+      allFilters
+    } = this.props;
+    const selected = filters[idx];
+    let values = selected.value;
+    values = value.split(",");
+    const newFilters = filters.slice();
+    newFilters[idx].value = values;
+    setAttributes({
+      filters: newFilters
+    });
+  }
+  addFilter() {
+    const {
+      attributes: {
+        filters
+      },
+      setAttributes,
+      allFilters
+    } = this.props;
+    let index = filters.length > allFilters.length ? allFilters.length : filters.length;
+    const newFilter = allFilters && allFilters.length > 0 ? {
+      ...allFilters[index],
+      value: []
+    } : null;
+    let newFilters = filters.slice();
+    newFilters.push(newFilter);
+    setAttributes({
+      filters: newFilters
+    });
+  }
+  removeFilter(f) {
+    const {
+      attributes: {
+        filters
+      },
+      setAttributes,
+      allFilters
+    } = this.props;
+    let newFilters = filters.slice(0, -1);
+    setAttributes({
+      filters: newFilters
+    });
+  }
+  componentDidUpdate(prevProps) {
+    const {
+      setAttributes,
+      attributes: {
+        type,
+        colorBy,
+        dimension2,
+        types,
+        measures,
+        app
+      }
+    } = this.props;
+    const {
+      attributes: {
+        type: prevType,
+        dimension2: prevDimension2
+      }
+    } = prevProps;
+    const prevTypeObject = types.filter(t => t.value === prevType).length > 0 ? types.filter(t => t.value === prevType)[0] : null;
+    if (dimension2 != prevDimension2) {
+      const uMs = Object.assign({}, measures);
+      if (dimension2 != "none") {
+        let i = 0;
+        if (uMs[app]) {
+          const selected = Object.keys(uMs[app]).map(k => uMs[app][k].selected).length;
+          if (selected > 1) {
+            Object.keys(uMs[app]).forEach(k => {
+              if (uMs[app][k].selected) {
+                uMs[app][k].prevSelected = true;
+                uMs[app][k].selected = i > 0 ? false : true;
+              } else {
+                uMs[app][k].prevSelected = false;
+              }
+              i++;
+            });
+          }
+        }
+        setAttributes({
+          measures: uMs
+        });
+      }
+      if (dimension2 == "none" && uMs[app]) {
+        Object.keys(uMs[app]).forEach(k => {
+          if (uMs[app][k].prevSelected) {
+            uMs[app][k].selected = true;
+            uMs[app][k].prevSelected = false;
+          }
+        });
+        setAttributes({
+          measures: uMs
+        });
+      }
+    }
+  }
+  onSetSingleMeasure(value) {
+    const {
+      setAttributes,
+      attributes: {
+        app,
+        measures
+      }
+    } = this.props;
+    const uMs = Object.assign({}, measures);
+    if (!uMs[app]) {
+      uMs[app] = {};
+    }
+    Object.keys(uMs[app]).filter(k => typeof uMs[app][k] !== "boolean").forEach(k => uMs[app][k].selected = false);
+    if (uMs[app][value]) {
+      uMs[app][value].selected = uMs[app][value].selected ? false : true;
+    } else {
+      uMs[app][value] = {
+        selected: true,
+        format: defaultFormat
+      };
+    }
+    setAttributes({
+      measures: uMs
+    });
+  }
+  onFormatChange(format, field) {
+    const {
+      setAttributes,
+      attributes: {
+        app,
+        measures
+      }
+    } = this.props;
+    const uMs = Object.assign({}, {
+      ...measures
+    });
+    if (!uMs[app]) {
+      uMs[app] = {
+        allowSelection: false,
+        format,
+        customFormat: format,
+        selected: false
+      };
+    }
+    uMs[app][field] = format;
+    setAttributes({
+      measures: uMs
+    });
+  }
+  onUseCustomAxisFormatChange(value) {
+    const {
+      setAttributes,
+      attributes: {
+        app,
+        measures
+      }
+    } = this.props;
+    const uMs = Object.assign({}, {
+      ...measures
+    });
+    if (uMs[app]) {
+      uMs[app].useCustomAxisFormat = value;
+      setAttributes({
+        measures: uMs
+      });
+    } else {
+      uMs[app] = {
+        allowSelection: false,
+        format: defaultFormat,
+        customFormat: defaultFormat,
+        selected: false,
+        useCustomAxisFormat: value
+      };
+      setAttributes({
+        measures: uMs
+      });
+    }
+  }
+  /*
+        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})
+        }
+        */
+  onMeasuresChange(value) {
+    const {
+      setAttributes,
+      attributes: {
+        app,
+        measures
+      }
+    } = this.props;
+    const uMs = Object.assign({}, measures);
+    if (!uMs[app]) {
+      uMs[app] = {};
+    }
+    if (uMs[app][value]) {
+      uMs[app][value].selected = uMs[app][value].selected ? false : true;
+    } else {
+      uMs[app][value] = {
+        selected: true,
+        format: defaultFormat
+      };
+    }
+    setAttributes({
+      measures: uMs
+    });
+  }
+  onCustomLabelToggleChange(value) {
+    const {
+      setAttributes,
+      attributes: {
+        app,
+        measures
+      }
+    } = this.props;
+    const uMs = Object.assign({}, measures);
+    if (uMs[app] && uMs[app][value]) {
+      uMs[app][value].hasCustomLabel = uMs[app][value].hasCustomLabel ? false : true;
+      setAttributes({
+        measures: uMs
+      });
+    }
+  }
+  onCustomLabelChange(value, customLabel) {
+    const {
+      setAttributes,
+      attributes: {
+        app,
+        measures
+      }
+    } = this.props;
+    const uMs = Object.assign({}, measures);
+    if (uMs[app] && uMs[app][value] && uMs[app][value].hasCustomLabel) {
+      uMs[app][value].customLabel = customLabel;
+      setAttributes({
+        measures: uMs
+      });
+    }
+  }
+  items(type) {
+    const values = this.props.allCategories ? this.props.allCategories.filter(c => c.type === type) : [];
+    const cat = values.length > 0 ? values[0] : null;
+    let items = null;
+    if (type === "Boolean") {
+      items = [{
+        value: "Yes",
+        id: true
+      }, {
+        value: "No",
+        id: false
+      }];
+    } else if (cat) {
+      items = cat.items;
+    }
+    return items;
+  }
+  render() {
+    const {
+      allDimensions,
+      allFilters,
+      allMeasures,
+      setAttributes,
+      attributes: {
+        measures,
+        filters,
+        dimension1,
+        dimension2,
+        type,
+        types
+      }
+    } = this.props;
+    const currentType = types.filter(t => t.value === type).length > 0 ? types.filter(t => t.value === type)[0] : null;
+    return [/* @__PURE__ */React.createElement(_components.PanelBody, {
+      initialOpen: false,
+      title: (0, _i18n.__)(type == "map" ? "Fields" : `Dimensions`)
+    }, /* @__PURE__ */React.createElement(_components.PanelRow, null, /* @__PURE__ */React.createElement(_components.SelectControl, {
+      label: (0, _i18n.__)(type == "map" ? "Matching Field" : "First Dimension"),
+      value: [dimension1],
+      onChange: value => {
+        setAttributes({
+          dimension1: value,
+          dimension2: value == "none" ? "none" : dimension2
+        });
+      },
+      options: allDimensions
+    })), !["radar"].includes(type) && /* @__PURE__ */React.createElement(_components.PanelRow, null, /* @__PURE__ */React.createElement(_components.SelectControl, {
+      label: (0, _i18n.__)(type == "map" ? "Breakdown Field" : "Second Dimension"),
+      value: [dimension2],
+      onChange: value => {
+        setAttributes({
+          dimension2: value
+        });
+      },
+      options: allDimensions,
+      disabled: dimension1 == "none"
+    }))), /* @__PURE__ */React.createElement(_Measures.Measures, {
+      onFormatChange: this.onFormatChange,
+      onUseCustomAxisFormatChange: this.onUseCustomAxisFormatChange,
+      onSetSingleMeasure: this.onSetSingleMeasure,
+      onMeasuresChange: this.onMeasuresChange,
+      onCustomLabelToggleChange: this.onCustomLabelToggleChange,
+      onCustomLabelChange: this.onCustomLabelChange,
+      ...this.props,
+      currentType
+    }), /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(_components.PanelBody, {
+      initialOpen: false,
+      title: (0, _i18n.__)("Filters")
+    }, filters.map((f, index) => {
+      return /* @__PURE__ */React.createElement(_components.PanelBody, {
+        initialOpen: true,
+        title: (0, _i18n.__)(`Filter - ${f.label}`)
+      }, /* @__PURE__ */React.createElement(FilterSelector, {
+        param: f.param,
+        index,
+        options: allFilters,
+        onUpdateFilterParam: this.updateFilterParam
+      }), /* @__PURE__ */React.createElement(CategoricalFilter, {
+        value: f.value,
+        index,
+        items: this.items(f.type),
+        onUpdateFilterValue: this.updateFilterValue
+      }));
+    }), /* @__PURE__ */React.createElement(_components.PanelRow, null, /* @__PURE__ */React.createElement(_components.Button, {
+      variant: "link",
+      onClick: this.addFilter
+    }, (0, _i18n.__)("Add Filter")), /* @__PURE__ */React.createElement(_components.Button, {
+      variant: "link",
+      onClick: this.removeFilter
+    }, (0, _i18n.__)("Remove")))))];
+  }
+}
+exports.APIConfig = APIConfig;
+module.exports = APIConfig;

package/build/APIConfig.d.ts

@@ -1,49 +1,38 @@
-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 function FilterSelector({ param, index, options, onUpdateFilterParam }: {
+    param: any;
+    index: any;
+    options: any;
+    onUpdateFilterParam: any;
+}): import("react").JSX.Element;
+export function CategoricalFilter({ value, index, items, onUpdateFilterValue }: {
+    value: any;
+    index: any;
+    items: any;
+    onUpdateFilterValue: any;
+}): any;
+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";