@bundle-stats/ui 4.1.4 → 4.1.5-alpha.1

package/lib-esm/ui/file-name/file-name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-name.js","sourceRoot":"","sources":["../../../src/ui/file-name/file-name.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,GAAG,MAAM,wBAAwB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC9D,oBAAC,SAAS,IAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,IAC1C,IAAI,CACK,CACb,CAAC;AAEF,QAAQ,CAAC,YAAY,GAAG;IACtB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,QAAQ,CAAC,SAAS,GAAG;IAEnB,SAAS,EAAE,SAAS,CAAC,MAAM;IAG3B,EAAE,EAAE,SAAS,CAAC,WAAW;IAGzB,IAAI,EAAE,SAAS,CAAC,MAAM;CACvB,CAAC"}

package/lib-esm/ui/file-name/index.js

@@ -1 +1,2 @@
-export { FileName } from './file-name';
+export { FileName } from './file-name';
+//# sourceMappingURL=index.js.map

package/lib-esm/ui/file-name/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/file-name/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}

package/lib-esm/ui/filters/filters.js

@@ -1,4 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { useCallback } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
@@ -6,216 +5,99 @@ import { FlexStack } from '../../layout/flex-stack';
 import { Dropdown } from '../dropdown';
 import { getGroupFiltersLabelSuffix, LABELS } from './filters.utils';
 import css from './filters.module.css';
-const Filter = props => {
-  const {
-    className,
-    as: Component = 'div',
-    buttonClassName,
-    label,
-    name,
-    getOnOnlyClick,
-    ...inputProps
-  } = props;
-  const id = `filter-${name}`;
-  const rootClassName = cx(css.filter, className);
-  return /*#__PURE__*/React.createElement(Component, {
-    className: rootClassName
-  }, /*#__PURE__*/React.createElement(FlexStack, {
-    space: "xxxsmall",
-    alignItems: "center",
-    as: "label",
-    className: cx(css.filterCheckbox, buttonClassName)
-  }, /*#__PURE__*/React.createElement("input", _extends({
-    className: css.filterInput,
-    type: "checkbox",
-    id: id,
-    name: name
-  }, inputProps)), /*#__PURE__*/React.createElement("span", {
-    className: css.filterLabel,
-    title: label
-  }, label)), getOnOnlyClick && /*#__PURE__*/React.createElement("button", {
-    className: css.filterOnlyButton,
-    type: "button",
-    onClick: getOnOnlyClick(name)
-  }, "only"));
+const Filter = (props) => {
+    const { className, as: Component = 'div', buttonClassName, label, name, getOnOnlyClick, ...inputProps } = props;
+    const id = `filter-${name}`;
+    const rootClassName = cx(css.filter, className);
+    return (React.createElement(Component, { className: rootClassName },
+        React.createElement(FlexStack, { space: "xxxsmall", alignItems: "center", as: "label", className: cx(css.filterCheckbox, buttonClassName) },
+            React.createElement("input", { className: css.filterInput, type: "checkbox", id: id, name: name, ...inputProps }),
+            React.createElement("span", { className: css.filterLabel, title: label }, label)),
+        getOnOnlyClick && (React.createElement("button", { className: css.filterOnlyButton, type: "button", onClick: getOnOnlyClick(name) }, "only"))));
 };
 Filter.propTypes = {
-  className: PropTypes.string,
-  as: PropTypes.elementType,
-  buttonClassName: PropTypes.string,
-  name: PropTypes.string.isRequired,
-  label: PropTypes.string.isRequired,
-  getOnOnlyClick: PropTypes.func
+    className: PropTypes.string,
+    as: PropTypes.elementType,
+    buttonClassName: PropTypes.string,
+    name: PropTypes.string.isRequired,
+    label: PropTypes.string.isRequired,
+    getOnOnlyClick: PropTypes.func,
 };
 Filter.defaultProps = {
-  className: '',
-  as: 'div',
-  buttonClassName: '',
-  getOnOnlyClick: null
+    className: '',
+    as: 'div',
+    buttonClassName: '',
+    getOnOnlyClick: null,
 };
-const FilterGroup = props => {
-  const {
-    className,
-    buttonClassName,
-    groupKey,
-    data,
-    values,
-    onCheckboxChange,
-    toggleFilters
-  } = props;
-  const {
-    label: groupLabel,
-    ...groupData
-  } = data;
-  const groupItems = Object.entries(groupData);
-  const groupCheckboxes = groupItems.filter(_ref => {
-    let [itemKey, item] = _ref;
-    return typeof (item == null ? void 0 : item.defaultValue) !== 'undefined';
-  });
-  const areAllGroupItemsChecked = groupCheckboxes.map(_ref2 => {
-    let [itemKey] = _ref2;
-    return values == null ? void 0 : values[`${groupKey}.${itemKey}`];
-  }).reduce((agg, val) => agg && val, true);
-  const filterSuffix = getGroupFiltersLabelSuffix(groupItems);
-  const hasCustomFilterSuffix = !Object.values(LABELS).includes(filterSuffix);
-  const dropdownLabel = /*#__PURE__*/React.createElement(React.Fragment, null, `${groupLabel}:`, "\xA0", /*#__PURE__*/React.createElement("span", {
-    className: cx(hasCustomFilterSuffix && css.labelSuffixCustom)
-  }, filterSuffix));
-  const getOnGroupCheck = function (value, overrides) {
-    if (overrides === void 0) {
-      overrides = {};
-    }
-    return () => {
-      const newFilters = groupCheckboxes.reduce((agg, _ref3) => {
-        let [itemKey] = _ref3;
-        return {
-          ...agg,
-          [`${groupKey}.${itemKey}`]: value
-        };
-      }, {});
-      toggleFilters({
-        ...newFilters,
-        ...overrides
-      });
+const FilterGroup = (props) => {
+    const { className, buttonClassName, groupKey, data, values, onCheckboxChange, toggleFilters } = props;
+    const { label: groupLabel, ...groupData } = data;
+    const groupItems = Object.entries(groupData);
+    const groupCheckboxes = groupItems.filter(([itemKey, item]) => typeof (item === null || item === void 0 ? void 0 : item.defaultValue) !== 'undefined');
+    const areAllGroupItemsChecked = groupCheckboxes
+        .map(([itemKey]) => values === null || values === void 0 ? void 0 : values[`${groupKey}.${itemKey}`])
+        .reduce((agg, val) => agg && val, true);
+    const filterSuffix = getGroupFiltersLabelSuffix(groupItems);
+    const hasCustomFilterSuffix = !Object.values(LABELS).includes(filterSuffix);
+    const dropdownLabel = (React.createElement(React.Fragment, null,
+        `${groupLabel}:`,
+        "\u00A0",
+        React.createElement("span", { className: cx(hasCustomFilterSuffix && css.labelSuffixCustom) }, filterSuffix)));
+    const getOnGroupCheck = (value, overrides = {}) => () => {
+        const newFilters = groupCheckboxes.reduce((agg, [itemKey]) => ({
+            ...agg,
+            [`${groupKey}.${itemKey}`]: value,
+        }), {});
+        toggleFilters({
+            ...newFilters,
+            ...overrides,
+        });
     };
-  };
-  return /*#__PURE__*/React.createElement(Dropdown, {
-    className: className,
-    buttonClassName: buttonClassName,
-    label: dropdownLabel,
-    ariaLabel: `${groupLabel}: ${filterSuffix}`
-  }, _ref4 => {
-    let {
-      MenuItem,
-      menu,
-      menuItemClassName
-    } = _ref4;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: css.filterGroupItems
-    }, groupItems.map(_ref5 => {
-      let [itemKey, itemData] = _ref5;
-      const id = [groupKey, itemKey].join('.');
-      const getOnOnlyClick = () => getOnGroupCheck(false, {
-        [id]: true
-      });
-      return /*#__PURE__*/React.createElement(Filter, {
-        key: id,
-        className: menuItemClassName,
-        as: MenuItem,
-        name: id,
-        label: itemData.label,
-        onChange: onCheckboxChange,
-        checked: values[id],
-        disabled: itemData.disabled,
-        getOnOnlyClick: getOnOnlyClick
-      });
-    })), /*#__PURE__*/React.createElement("div", {
-      className: css.filterGroupActions
-    }, areAllGroupItemsChecked ? /*#__PURE__*/React.createElement(MenuItem, {
-      id: "clear-all",
-      as: "button",
-      className: menuItemClassName,
-      type: "button",
-      onClick: getOnGroupCheck(false)
-    }, "Clear all") : /*#__PURE__*/React.createElement(MenuItem, {
-      id: "clear-all",
-      as: "button",
-      className: menuItemClassName,
-      type: "button",
-      onClick: getOnGroupCheck(true)
-    }, "Check all")));
-  });
+    return (React.createElement(Dropdown, { className: className, buttonClassName: buttonClassName, label: dropdownLabel, ariaLabel: `${groupLabel}: ${filterSuffix}` }, ({ MenuItem, menu, menuItemClassName }) => {
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: css.filterGroupItems }, groupItems.map(([itemKey, itemData]) => {
+                const id = [groupKey, itemKey].join('.');
+                const getOnOnlyClick = () => getOnGroupCheck(false, { [id]: true });
+                return (React.createElement(Filter, { key: id, className: menuItemClassName, as: MenuItem, name: id, label: itemData.label, onChange: onCheckboxChange, checked: values[id], disabled: itemData.disabled, getOnOnlyClick: getOnOnlyClick }));
+            })),
+            React.createElement("div", { className: css.filterGroupActions }, areAllGroupItemsChecked ? (React.createElement(MenuItem, { id: "clear-all", as: "button", className: menuItemClassName, type: "button", onClick: getOnGroupCheck(false) }, "Clear all")) : (React.createElement(MenuItem, { id: "clear-all", as: "button", className: menuItemClassName, type: "button", onClick: getOnGroupCheck(true) }, "Check all")))));
+    }));
 };
 FilterGroup.propTypes = {
-  className: PropTypes.string,
-  buttonClassName: PropTypes.string,
-  groupKey: PropTypes.string.isRequired,
-  data: PropTypes.object.isRequired,
-  // eslint-disable-line react/forbid-prop-types
-  values: PropTypes.object.isRequired,
-  // eslint-disable-line react/forbid-prop-types
-  onCheckboxChange: PropTypes.func.isRequired,
-  toggleFilters: PropTypes.func.isRequired
+    className: PropTypes.string,
+    buttonClassName: PropTypes.string,
+    groupKey: PropTypes.string.isRequired,
+    data: PropTypes.object.isRequired,
+    values: PropTypes.object.isRequired,
+    onCheckboxChange: PropTypes.func.isRequired,
+    toggleFilters: PropTypes.func.isRequired,
 };
 FilterGroup.defaultProps = {
-  className: '',
-  buttonClassName: ''
+    className: '',
+    buttonClassName: '',
 };
-export const Filters = props => {
-  const {
-    className,
-    values,
-    filters,
-    toggleFilter,
-    toggleFilters
-  } = props;
-  const onCheckboxChange = useCallback(event => {
-    const {
-      name
-    } = event.target;
-    toggleFilter(name, !values[name]);
-  }, [toggleFilter, values]);
-  const rootClassName = cx(css.root, className);
-  return /*#__PURE__*/React.createElement("form", {
-    className: rootClassName
-  }, /*#__PURE__*/React.createElement(FlexStack, {
-    space: "xxsmall",
-    alignItems: "flex-start",
-    className: css.items
-  }, Object.entries(filters).map(_ref6 => {
-    let [name, data] = _ref6;
-    if (typeof (data == null ? void 0 : data.defaultValue) !== 'undefined') {
-      return /*#__PURE__*/React.createElement(Filter, {
-        key: name,
-        className: cx(css.item, css.filterStandalone),
-        buttonClassName: css.itemButton,
-        name: name,
-        label: data.label,
-        onChange: onCheckboxChange,
-        checked: values[name],
-        disabled: data.disabled
-      });
-    }
-    return /*#__PURE__*/React.createElement(FilterGroup, {
-      className: css.item,
-      buttonClassName: css.itemButton,
-      key: name,
-      groupKey: name,
-      data: data,
-      values: values,
-      onCheckboxChange: onCheckboxChange,
-      toggleFilters: toggleFilters
-    });
-  })));
+export const Filters = (props) => {
+    const { className, values, filters, toggleFilter, toggleFilters } = props;
+    const onCheckboxChange = useCallback((event) => {
+        const { name } = event.target;
+        toggleFilter(name, !values[name]);
+    }, [toggleFilter, values]);
+    const rootClassName = cx(css.root, className);
+    return (React.createElement("form", { className: rootClassName },
+        React.createElement(FlexStack, { space: "xxsmall", alignItems: "flex-start", className: css.items }, Object.entries(filters).map(([name, data]) => {
+            if (typeof (data === null || data === void 0 ? void 0 : data.defaultValue) !== 'undefined') {
+                return (React.createElement(Filter, { key: name, className: cx(css.item, css.filterStandalone), buttonClassName: css.itemButton, name: name, label: data.label, onChange: onCheckboxChange, checked: values[name], disabled: data.disabled }));
+            }
+            return (React.createElement(FilterGroup, { className: css.item, buttonClassName: css.itemButton, key: name, groupKey: name, data: data, values: values, onCheckboxChange: onCheckboxChange, toggleFilters: toggleFilters }));
+        }))));
 };
 Filters.defaultProps = {
-  className: ''
+    className: '',
 };
 Filters.propTypes = {
-  className: PropTypes.string,
-  values: PropTypes.object.isRequired,
-  // eslint-disable-line react/forbid-prop-types
-  filters: PropTypes.object.isRequired,
-  // eslint-disable-line react/forbid-prop-types
-  toggleFilter: PropTypes.func.isRequired
-};
+    className: PropTypes.string,
+    values: PropTypes.object.isRequired,
+    filters: PropTypes.object.isRequired,
+    toggleFilter: PropTypes.func.isRequired,
+};
+//# sourceMappingURL=filters.js.map

package/lib-esm/ui/filters/filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.js","sourceRoot":"","sources":["../../../src/ui/filters/filters.jsx"],"names":[],"mappings":"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"}

package/lib-esm/ui/filters/filters.module.css

@@ -28,16 +28,17 @@
 }
 
 .filterOnlyButton {
-  padding: var(--space-xxxsmall) var(--space-xsmall);
+  padding: var(--space-xxxsmall);
   display: none;
   appearance: none;
   border: none;
-  background: linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255) 30%);
+  background: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--color-highlight) 30%);
   cursor: pointer;
   position: absolute;
   right: 0;
   top: 0;
   bottom: 0;
+  font-size: var(--size-small);
   line-height: var(--space-xsmall);
 }
 
@@ -78,8 +79,11 @@
   border: 1px solid var(--color-outline);
 }
 
-.filterStandalone:hover {
+.filterStandalone:hover .filterCheckbox,
+.filterStandalone:active .filterCheckbox,
+.filterStandalone:focus .filterCheckbox {
   z-index: var(--layout-xlow); /* show collapsed border */
+  box-shadow: var(--shadow-layer);
 }
 
 .filterStandalone:hover .filterCheckbox {
@@ -102,7 +106,7 @@
   margin-top: var(--space-xxxsmall);
   padding-top: var(--space-xxxsmall);
   padding-bottom: var(--space-xxxsmall);
-  margin-bottom: calc(0px - var(--space-xxsmall));
+  margin-bottom: calc(0px - var(--space-xxxsmall));
   border-top: 1px solid var(--color-outline);
 }
 

package/lib-esm/ui/filters/filters.utils.js

@@ -2,79 +2,58 @@ const FILTER_SUFFIX_MAX_LENGTH = 18;
 const ELLIPSES = '...';
 const JOIN = ', ';
 export const LABELS = {
-  NONE: 'none',
-  ALL: 'all'
+    NONE: 'none',
+    ALL: 'all',
 };
-
-/**
- * @param {Array<Array>} filters
- * @return {String}
- */
-export const getGroupFiltersLabelSuffix = filters => {
-  const filterCount = filters.length;
-  // eslint-disable-next-line no-unused-vars
-  const checkedFilters = filters.filter(_ref => {
-    let [_, {
-      defaultValue
-    }] = _ref;
-    return defaultValue;
-  });
-  const filterCheckedCount = checkedFilters.length;
-  if (filterCheckedCount === 0) {
-    return LABELS.NONE;
-  }
-  if (filterCheckedCount === filterCount) {
-    return LABELS.ALL;
-  }
-
-  // eslint-disable-next-line no-unused-vars
-  const checkedFilterLabels = checkedFilters.map(_ref2 => {
-    let [_, {
-      label
-    }] = _ref2;
-    return label;
-  });
-  let suffix = '';
-  let inlinedLabelCount = 0;
-  let done = false;
-  for (let i = 0; !done && i < checkedFilterLabels.length && FILTER_SUFFIX_MAX_LENGTH - suffix.length >= 0; i++ // eslint-disable-line no-plusplus
-  ) {
-    const availableSpace = FILTER_SUFFIX_MAX_LENGTH - suffix.length;
-    const label = checkedFilterLabels[i];
-    let normalizedLabel = '';
-    if (availableSpace - label.length >= 0) {
-      // Label is fitting in the available space
-      normalizedLabel = label;
-    } else if (availableSpace >= 6) {
-      // Available space is allowing crop
-      normalizedLabel = `${label.substr(0, availableSpace - 3)}${ELLIPSES}`;
-    } else {
-      // noop - the label will not fit
+export const getGroupFiltersLabelSuffix = (filters) => {
+    const filterCount = filters.length;
+    const checkedFilters = filters.filter(([_, { defaultValue }]) => defaultValue);
+    const filterCheckedCount = checkedFilters.length;
+    if (filterCheckedCount === 0) {
+        return LABELS.NONE;
     }
-    if (normalizedLabel) {
-      suffix = `${suffix}${suffix ? JOIN : ''}${normalizedLabel}`;
-      inlinedLabelCount = i + 1;
-    } else {
-      done = true;
+    if (filterCheckedCount === filterCount) {
+        return LABELS.ALL;
     }
-  }
-  const skippedLabels = filterCheckedCount - inlinedLabelCount;
-  return `${suffix}${skippedLabels > 0 ? ` +${skippedLabels}` : ''}`;
+    const checkedFilterLabels = checkedFilters.map(([_, { label }]) => label);
+    let suffix = '';
+    let inlinedLabelCount = 0;
+    let done = false;
+    for (let i = 0; !done && i < checkedFilterLabels.length && FILTER_SUFFIX_MAX_LENGTH - suffix.length >= 0; i++) {
+        const availableSpace = FILTER_SUFFIX_MAX_LENGTH - suffix.length;
+        const label = checkedFilterLabels[i];
+        let normalizedLabel = '';
+        if (availableSpace - label.length >= 0) {
+            normalizedLabel = label;
+        }
+        else if (availableSpace >= 6) {
+            normalizedLabel = `${label.substr(0, availableSpace - 3)}${ELLIPSES}`;
+        }
+        else {
+        }
+        if (normalizedLabel) {
+            suffix = `${suffix}${suffix ? JOIN : ''}${normalizedLabel}`;
+            inlinedLabelCount = i + 1;
+        }
+        else {
+            done = true;
+        }
+    }
+    const skippedLabels = filterCheckedCount - inlinedLabelCount;
+    return `${suffix}${skippedLabels > 0 ? ` +${skippedLabels}` : ''}`;
 };
 export const getInitialValues = (key, filters) => {
-  if (typeof (filters == null ? void 0 : filters.defaultValue) !== 'undefined') {
-    return {
-      [key]: filters.defaultValue
-    };
-  }
-  if (typeof filters === 'object') {
-    return Object.entries(filters).map(_ref3 => {
-      let [groupKey, groupFilters] = _ref3;
-      return getInitialValues([...(key ? [key] : []), groupKey].join('.'), groupFilters);
-    }).reduce((agg, current) => ({
-      ...agg,
-      ...current
-    }), {});
-  }
-  return {};
-};
+    if (typeof (filters === null || filters === void 0 ? void 0 : filters.defaultValue) !== 'undefined') {
+        return {
+            [key]: filters.defaultValue,
+        };
+    }
+    if (typeof filters === 'object') {
+        return Object.entries(filters).map(([groupKey, groupFilters]) => getInitialValues([...key ? [key] : [], groupKey].join('.'), groupFilters)).reduce((agg, current) => ({
+            ...agg,
+            ...current,
+        }), {});
+    }
+    return {};
+};
+//# sourceMappingURL=filters.utils.js.map

package/lib-esm/ui/filters/filters.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.utils.js","sourceRoot":"","sources":["../../../src/ui/filters/filters.utils.js"],"names":[],"mappings":"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"}

package/lib-esm/ui/filters/index.js

@@ -1,59 +1,40 @@
-import _merge from "lodash/merge";
-import _isEqual from "lodash/isEqual";
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { useCallback, useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
+import isEqual from 'lodash/isEqual';
+import merge from 'lodash/merge';
 import { getInitialValues } from './filters.utils';
 import { Filters as BaseComponent } from './filters';
-export const Filters = props => {
-  const {
-    onChange,
-    filters,
-    ...restProps
-  } = props;
-  const [values, setValues] = useState(getInitialValues('', filters));
-
-  // Update values when the parent filters are changing (route with query string change)
-  useEffect(() => {
-    const parentValues = getInitialValues('', filters);
-    if (_isEqual(parentValues, values)) {
-      return;
-    }
-    setValues(parentValues);
-  },
-  // Do not trigger effect when the values are changing locally
-  [filters, setValues]);
-  const toggleFilter = useCallback((key, value) => {
-    const nextValues = _merge({}, values, {
-      [key]: value
-    });
-    setValues(nextValues);
-    if (onChange) {
-      onChange(nextValues);
-    }
-  }, [onChange, setValues, values]);
-  const toggleFilters = useCallback(newFilters => {
-    const nextValues = _merge({}, values, newFilters);
-    setValues(nextValues);
-    if (onChange) {
-      onChange(nextValues);
-    }
-  }, [onChange, setValues, values]);
-  return /*#__PURE__*/React.createElement(BaseComponent, _extends({}, restProps, {
-    filters: filters,
-    values: values,
-    toggleFilter: toggleFilter,
-    toggleFilters: toggleFilters
-  }));
+export const Filters = (props) => {
+    const { onChange, filters, ...restProps } = props;
+    const [values, setValues] = useState(getInitialValues('', filters));
+    useEffect(() => {
+        const parentValues = getInitialValues('', filters);
+        if (isEqual(parentValues, values)) {
+            return;
+        }
+        setValues(parentValues);
+    }, [filters, setValues]);
+    const toggleFilter = useCallback((key, value) => {
+        const nextValues = merge({}, values, { [key]: value });
+        setValues(nextValues);
+        if (onChange) {
+            onChange(nextValues);
+        }
+    }, [onChange, setValues, values]);
+    const toggleFilters = useCallback((newFilters) => {
+        const nextValues = merge({}, values, newFilters);
+        setValues(nextValues);
+        if (onChange) {
+            onChange(nextValues);
+        }
+    }, [onChange, setValues, values]);
+    return (React.createElement(BaseComponent, { ...restProps, filters: filters, values: values, toggleFilter: toggleFilter, toggleFilters: toggleFilters }));
 };
 Filters.defaultProps = {
-  onChange: null
+    onChange: null,
 };
 Filters.propTypes = {
-  /** Filter config */
-  filters: PropTypes.object.isRequired,
-  // eslint-disable-line react/forbid-prop-types
-
-  /** OnChange handler */
-  onChange: PropTypes.func
-};
+    filters: PropTypes.object.isRequired,
+    onChange: PropTypes.func,
+};
+//# sourceMappingURL=index.js.map

package/lib-esm/ui/filters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/filters/index.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,KAAK,MAAM,cAAc,CAAC;AAEjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,WAAW,CAAC;AAErD,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE;IAC/B,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAClD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC;IAGpE,SAAS,CACP,GAAG,EAAE;QACH,MAAM,YAAY,GAAG,gBAAgB,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;QAEnD,IAAI,OAAO,CAAC,YAAY,EAAE,MAAM,CAAC,EAAE;YACjC,OAAO;SACR;QAED,SAAS,CAAC,YAAY,CAAC,CAAC;IAC1B,CAAC,EAED,CAAC,OAAO,EAAE,SAAS,CAAC,CACrB,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QACb,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;QACvD,SAAS,CAAC,UAAU,CAAC,CAAC;QAEtB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,UAAU,CAAC,CAAC;SACtB;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAC9B,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,UAAU,EAAE,EAAE;QACb,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;QACjD,SAAS,CAAC,UAAU,CAAC,CAAC;QAEtB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,UAAU,CAAC,CAAC;SACtB;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAC9B,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,OACR,SAAS,EACb,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,YAAY,GAAG;IACrB,QAAQ,EAAE,IAAI;CACf,CAAC;AAEF,OAAO,CAAC,SAAS,GAAG;IAElB,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IAGpC,QAAQ,EAAE,SAAS,CAAC,IAAI;CACzB,CAAC"}