@devgateway/dvz-wp-commons 1.1.0 → 1.3.0

package/build/DataFilters.js

@@ -1,98 +1,105 @@
-import React from 'react';
 import { Button, PanelBody, PanelRow, SelectControl, ToggleControl } from "@wordpress/components";
-import { __ } from '@wordpress/i18n';
+import { __ } from "@wordpress/i18n";
 export const DataFilters = (props) => {
-    const updateFilterParam = (param, idx) => {
-        const { attributes, setAttributes, allFilters } = props;
-        const filters = attributes?.filters || [];
-        const newFilters = filters.slice();
-        const selected = allFilters.filter(f => f.param === param)[0];
-        newFilters[idx] = { ...selected, value: [] };
-        setAttributes({ filters: newFilters });
-    };
-    const updateFilterValue = (value, idx) => {
-        const { attributes, setAttributes, onChange } = props;
-        const filters = attributes?.filters || [];
-        const selected = filters[idx];
-        let values = selected.value;
-        if (values.indexOf(value) > -1) {
-            values = values.filter(v => v != value);
+  const updateFilterParam = (param, idx) => {
+    const { attributes: { filters: filters2 }, setAttributes, allFilters: allFilters2 } = props;
+    const newFilters = filters2.slice();
+    const selected = allFilters2.filter((f) => f.param === param)[0];
+    newFilters[idx] = { ...selected, value: [] };
+    setAttributes({ filters: newFilters });
+  };
+  const updateFilterValue = (value, idx) => {
+    const { attributes: { filters: filters2 }, setAttributes, onChange } = props;
+    const selected = filters2[idx];
+    let values = selected.value;
+    if (values.indexOf(value) > -1) {
+      values = values.filter((v) => v != value);
+    } else {
+      values.push(value);
+    }
+    const newFilters = filters2.slice();
+    newFilters[idx].value = values;
+    setAttributes({ filters: newFilters });
+    onChange();
+  };
+  const addFilter = () => {
+    const { attributes: { filters: filters2 }, setAttributes, allFilters: allFilters2 } = props;
+    let index = filters2.length > allFilters2.length ? allFilters2.length : filters2.length;
+    const newFilter = allFilters2 && allFilters2.length > 0 ? {
+      ...allFilters2[index],
+      "value": []
+    } : null;
+    let newFilters = filters2.slice();
+    newFilters.push(newFilter);
+    setAttributes({ filters: newFilters });
+  };
+  const removeFilter = (f) => {
+    const { attributes: { filters: filters2 }, setAttributes } = props;
+    let newFilters = filters2.slice(0, -1);
+    setAttributes({ filters: newFilters });
+  };
+  const items = (type) => {
+    const values = props.allCategories ? props.allCategories.filter((c) => c.type === type) : [];
+    const cat = values.length > 0 ? values[0] : null;
+    let items2 = null;
+    if (type === "Boolean") {
+      items2 = [{ "value": "Yes", id: true }, { "value": "No", id: false }];
+    } else if (cat) {
+      items2 = cat.items;
+    }
+    return items2;
+  };
+  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(SelectControl, { onChange: (value) => {
+      onUpdateFilterParam(value, index);
+    }, value: param, options: sortedOptions });
+  };
+  const CategoricalFilter = ({ value, index, items: items2, onUpdateFilterValue }) => {
+    if (items2) {
+      const sortedItems = items2.sort(function(a, b) {
+        if (a.position !== void 0 && b.position !== void 0 && a.position !== b.position) {
+          return a.position - b.position;
         }
-        else {
-            values.push(value);
-        }
-        const newFilters = filters.slice();
-        newFilters[idx].value = values;
-        setAttributes({ filters: newFilters });
-        onChange && onChange();
-    };
-    const addFilter = () => {
-        const { attributes, setAttributes, allFilters } = props;
-        const filters = attributes?.filters || [];
-        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 });
-    };
-    const removeFilter = (f) => {
-        const { attributes, setAttributes } = props;
-        const filters = attributes?.filters || [];
-        let newFilters = filters.slice(0, -1);
-        setAttributes({ filters: newFilters });
-    };
-    const items = (type) => {
-        const values = props.allCategories ? 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;
-    };
-    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 React.createElement(SelectControl, { onChange: (value) => {
-                onUpdateFilterParam(value, index);
-            }, value: param, options: sortedOptions });
-    };
-    const CategoricalFilter = ({ value, index, items, onUpdateFilterValue }) => {
-        if (items) {
-            const sortedItems = items.sort(function (a, b) {
-                if (a.position !== undefined && b.position !== undefined) {
-                    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 => React.createElement(PanelRow, null,
-                React.createElement(ToggleControl, { label: v.value, checked: value.indexOf(v.id) > -1, onChange: e => { onUpdateFilterValue(v.id, index); } })));
-        }
-        else {
-            return null;
-        }
-    };
-    const { allFilters, attributes } = props;
-    const filters = attributes?.filters || [];
-    return React.createElement(PanelBody, { initialOpen: false, title: __("Filters") },
-        filters.length > 0 && filters.map((f, index) => {
-            return (React.createElement(PanelBody, { initialOpen: true, title: __(`Filter - ${f.label}`) },
-                React.createElement(FilterSelector, { param: f.param, index: index, options: allFilters, onUpdateFilterParam: updateFilterParam }),
-                React.createElement(CategoricalFilter, { value: f.value, index: index, items: items(f.type), onUpdateFilterValue: updateFilterValue })));
-        }),
-        React.createElement(PanelRow, null,
-            React.createElement(Button, { variant: "link", onClick: addFilter }, __("Add Filter")),
-            React.createElement(Button, { variant: "link", onClick: removeFilter }, __("Remove"))));
+        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(PanelRow, null, /* @__PURE__ */ React.createElement(ToggleControl, { label: v.value, checked: value.indexOf(v.id) > -1, onChange: (e) => {
+        onUpdateFilterValue(v.id, index);
+      } })));
+    } else {
+      return null;
+    }
+  };
+  const {
+    allFilters,
+    attributes: {
+      filters
+    }
+  } = props;
+  return /* @__PURE__ */ React.createElement(PanelBody, { initialOpen: false, title: __("Filters") }, filters.map((f, index) => {
+    return /* @__PURE__ */ React.createElement(PanelBody, { initialOpen: true, title: __(`Filter - ${f.label}`) }, /* @__PURE__ */ React.createElement(
+      FilterSelector,
+      {
+        param: f.param,
+        index,
+        options: allFilters,
+        onUpdateFilterParam: updateFilterParam
+      }
+    ), /* @__PURE__ */ React.createElement(
+      CategoricalFilter,
+      {
+        value: f.value,
+        index,
+        items: items(f.type),
+        onUpdateFilterValue: updateFilterValue
+      }
+    ));
+  }), /* @__PURE__ */ React.createElement(PanelRow, null, /* @__PURE__ */ React.createElement(Button, { variant: "link", onClick: addFilter }, __("Add Filter")), /* @__PURE__ */ React.createElement(Button, { variant: "link", onClick: removeFilter }, __("Remove"))));
 };
 export default DataFilters;