@talend/react-containers/lib-esm/FilterBar/FilterBar.container.js

Provide connected components aka containers for @talend/react-cmf based on @talend/react-components.

function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
import { cmfConnect } from '@talend/react-cmf';
import { Component as RComponent } from 'react';
import PropTypes from 'prop-types';
import Immutable from 'immutable';
import { FilterBar as Component } from "@talend/react-components";
import { omit } from "lodash";
import { jsx as _jsx } from "react/jsx-runtime";
export const QUERY_ATTR = 'query';
export const DEFAULT_STATE = new Immutable.Map({
  [QUERY_ATTR]: '',
  docked: true
});
export const DISPLAY_NAME = 'Container(FilterBar)';
const DOCKED_ATTR = 'docked';
class FilterBar extends RComponent {
  constructor(props) {
    super(props);
    this.onFilter = this.onFilter.bind(this);
    this.onToggle = this.onToggle.bind(this);
  }
  onFilter(event, value) {
    this.props.setState({
      query: value
    });
    if (this.props.onFilter) {
      this.props.onFilter(event, {
        query: value,
        props: this.props
      });
    }
  }
  onToggle(event) {
    this.props.setState(prevState => {
      let state = prevState.state;
      if (this.props.dockable) {
        state = state.set('docked', !this.props.state.get('docked'));
      }
      return state;
    });
    if (this.props.onToggle) {
      this.props.onToggle(event);
    }
  }
  render() {
    const state = this.props.state || DEFAULT_STATE;
    const props = {
      ...omit(this.props, cmfConnect.INJECTED_PROPS),
      docked: this.props.docked != null ? this.props.docked : state.get(DOCKED_ATTR),
      value: this.props.value ? this.props.value : state.get(QUERY_ATTR, ''),
      onToggle: this.onToggle,
      onFilter: this.onFilter
    };
    return /*#__PURE__*/_jsx(Component, {
      ...props
    });
  }
}
_defineProperty(FilterBar, "displayName", DISPLAY_NAME);
_defineProperty(FilterBar, "propTypes", {
  ...cmfConnect.propTypes,
  id: PropTypes.string,
  placeholder: PropTypes.string,
  filterInputValue: PropTypes.string,
  dockable: PropTypes.bool
});
_defineProperty(FilterBar, "defaultProps", {
  dockable: true
});
export default FilterBar;
//# sourceMappingURL=FilterBar.container.js.map