UNPKG

@talend/react-containers

Version:

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

56 lines (54 loc) 2.25 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = exports.DEFAULT_STATE = void 0; var _react = require("react"); var _immutable = require("immutable"); var _reactCmf = require("@talend/react-cmf"); var _constants = require("./constants"); var _reactComponents = require("@talend/react-components"); var _lodash = require("lodash"); var _jsxRuntime = require("react/jsx-runtime"); 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); } const DEFAULT_STATE = exports.DEFAULT_STATE = new _immutable.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 _react.Component { 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, ...(0, _lodash.omit)(this.props, _reactCmf.cmfConnect.INJECTED_PROPS) }; return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactComponents.SidePanel, { ...props }); } } _defineProperty(SidePanel, "displayName", 'Container(SidePanel)'); _defineProperty(SidePanel, "propTypes", { ..._reactCmf.cmfConnect.propTypes }); SidePanel.ACTION_TYPE_LINK = _constants.ACTION_TYPE_LINK; var _default = exports.default = SidePanel; //# sourceMappingURL=SidePanel.container.js.map