@bundle-stats/ui 4.0.0-rc.6 → 4.0.1

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

@@ -1,111 +0,0 @@
-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 from 'react';
-import PropTypes from 'prop-types';
-
-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(_ref => {
-      let [groupKey, groupFilters] = _ref;
-      return getInitialValues([...(key ? [key] : []), groupKey].join('.'), groupFilters);
-    }).reduce((agg, current) => ({ ...agg,
-      ...current
-    }), {});
-  }
-
-  return {};
-};
-
-export const filtersDropdownContainer = BaseComponent => {
-  class FiltersContainer extends React.Component {
-    constructor(props) {
-      super(props);
-      const {
-        filters
-      } = this.props;
-      this.state = {
-        values: getInitialValues('', filters)
-      };
-    }
-
-    static getDerivedStateFromProps(_ref2, state) {
-      let {
-        filters
-      } = _ref2;
-
-      if (_isEqual(filters, state.values)) {
-        return null;
-      }
-
-      return {
-        values: getInitialValues('', filters)
-      };
-    }
-
-    toggleFilter = (key, value) => this.setState(_ref3 => {
-      let {
-        values,
-        ...state
-      } = _ref3;
-      const newState = { ...state,
-        values: { ...values,
-          [key]: value
-        }
-      };
-      const {
-        onChange
-      } = this.props;
-
-      if (onChange) {
-        onChange(newState.values);
-      }
-
-      return newState;
-    });
-    toggleFilters = newFilters => this.setState(prevState => {
-      const newState = { ...prevState,
-        values: { ...prevState.values,
-          ...newFilters
-        }
-      };
-      const {
-        onChange
-      } = this.props;
-
-      if (onChange) {
-        onChange(newState.values);
-      }
-
-      return newState;
-    });
-
-    render() {
-      return /*#__PURE__*/React.createElement(BaseComponent, _extends({}, this.props, this.state, {
-        toggleFilter: this.toggleFilter,
-        toggleFilters: this.toggleFilters
-      }));
-    }
-
-  }
-
-  FiltersContainer.defaultProps = {
-    onChange: null
-  };
-  FiltersContainer.propTypes = {
-    /** Filter config */
-    filters: PropTypes.object.isRequired,
-    // eslint-disable-line react/forbid-prop-types
-
-    /** OnChange handler */
-    onChange: PropTypes.func
-  };
-  return FiltersContainer;
-};

package/src/ui/filters/filters.container.jsx

@@ -1,108 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { isEqual } from 'lodash';
-
-const getInitialValues = (key, filters) => {
-  if (typeof 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 {};
-};
-
-export const filtersDropdownContainer = (BaseComponent) => {
-  class FiltersContainer extends React.Component {
-    constructor(props) {
-      super(props);
-
-      const { filters } = this.props;
-
-      this.state = {
-        values: getInitialValues('', filters),
-      };
-    }
-
-    static getDerivedStateFromProps({ filters }, state) {
-      if (isEqual(filters, state.values)) {
-        return null;
-      }
-
-      return { values: getInitialValues('', filters) };
-    }
-
-    toggleFilter = (key, value) =>
-      this.setState(({ values, ...state }) => {
-        const newState = {
-          ...state,
-          values: {
-            ...values,
-            [key]: value,
-          },
-        };
-
-        const { onChange } = this.props;
-
-        if (onChange) {
-          onChange(newState.values);
-        }
-
-        return newState;
-      });
-
-    toggleFilters = (newFilters) =>
-      this.setState((prevState) => {
-        const newState = {
-          ...prevState,
-          values: {
-            ...prevState.values,
-            ...newFilters,
-          },
-        };
-
-        const { onChange } = this.props;
-
-        if (onChange) {
-          onChange(newState.values);
-        }
-
-        return newState;
-      });
-
-    render() {
-      return (
-        <BaseComponent
-          {...this.props}
-          {...this.state}
-          toggleFilter={this.toggleFilter}
-          toggleFilters={this.toggleFilters}
-        />
-      );
-    }
-  }
-
-  FiltersContainer.defaultProps = {
-    onChange: null,
-  };
-
-  FiltersContainer.propTypes = {
-    /** Filter config */
-    filters: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types
-
-    /** OnChange handler */
-    onChange: PropTypes.func,
-  };
-
-  return FiltersContainer;
-};

package/src/ui/filters/index.js

@@ -1,4 +0,0 @@
-import { filtersDropdownContainer } from './filters.container';
-import { Filters as FiltersComponent } from './filters';
-
-export const Filters = filtersDropdownContainer(FiltersComponent);