UNPKG

@talend/react-containers

Version:

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

50 lines (49 loc) 2.02 kB
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 { Component as RComponent } from 'react'; import { Map } from 'immutable'; import { cmfConnect } from '@talend/react-cmf'; import { ACTION_TYPE_LINK } from './constants'; import { SidePanel as Component } from "@talend/react-components"; import { omit } from "lodash"; import { jsx as _jsx } from "react/jsx-runtime"; export const DEFAULT_STATE = new Map({ docked: false }); /** * Checkout the {@link http://talend.github.io/ui/main/containers/?selectedKind=SidePanelExample&selectedStory=Default|examples} * @param {object} props react props */ class SidePanel extends RComponent { constructor(props, context) { super(props, context); this.onToggleDock = this.onToggleDock.bind(this); } onToggleDock() { const state = this.props.state || DEFAULT_STATE; this.props.setState({ docked: !state.get('docked') }); } render() { const { state = DEFAULT_STATE } = this.props; const props = { docked: state.get('docked'), onToggleDock: this.onToggleDock, ...omit(this.props, cmfConnect.INJECTED_PROPS) }; return /*#__PURE__*/_jsx(Component, { ...props }); } } _defineProperty(SidePanel, "displayName", 'Container(SidePanel)'); _defineProperty(SidePanel, "propTypes", { ...cmfConnect.propTypes }); SidePanel.ACTION_TYPE_LINK = ACTION_TYPE_LINK; export default SidePanel; //# sourceMappingURL=SidePanel.container.js.map