@wix/design-system/dist/cjs/SidePanel/SidePanel.js

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireWildcard(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _SidePanelSt = require("./SidePanel.st.css.js");
var _Header = _interopRequireDefault(require("./components/Header"));
var _Content = _interopRequireDefault(require("./components/Content"));
var _Footer = _interopRequireDefault(require("./components/Footer"));
var _Divider = _interopRequireDefault(require("./components/Divider"));
var _Section = _interopRequireDefault(require("./components/Section"));
var _Field = _interopRequireDefault(require("./components/Field"));
var _SidePanelAPI = require("./SidePanelAPI");
var _TooltipCommon = require("../common/PropTypes/TooltipCommon");
var _deprecationLog = _interopRequireDefault(require("../utils/deprecationLog"));
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/SidePanel/SidePanel.tsx";
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
class SidePanel extends _react.PureComponent {
  render() {
    var _this$props$helpButto, _this$props$closeButt, _this$props$backButto, _this$props$backButto2, _this$props$backButto3;
    var {
      dataHook,
      skin = 'standard',
      children,
      className,
      width,
      height,
      maxHeight,
      draggable,
      // Deprecated Props
      backButtonDescription,
      backButtonTooltipProps,
      onBackButtonClick,
      onCloseButtonClick,
      onHelpButtonClick
    } = this.props;
    if (backButtonDescription) {
      (0, _deprecationLog.default)('<SidePanel /> props "backButtonDescription" is deprecated and will be removed in next major release, please use "backButtonProps.description" instead');
    }
    if (backButtonTooltipProps) {
      (0, _deprecationLog.default)('<SidePanel /> props "backButtonTooltipProps" is deprecated and will be removed in next major release, please use "backButtonProps.tooltipProps" instead');
    }
    if (onBackButtonClick) {
      (0, _deprecationLog.default)('<SidePanel /> props "onBackButtonClick" is deprecated and will be removed in next major release, please use "backButtonProps.onClick" instead');
    }
    if (onCloseButtonClick) {
      (0, _deprecationLog.default)('<SidePanel /> props "onCloseButtonClick" is deprecated and will be removed in next major release, please use "closeButtonProps.onClick" instead');
    }
    if (onHelpButtonClick) {
      (0, _deprecationLog.default)('<SidePanel /> props "onHelpButtonClick" is deprecated and will be removed in next major release, please use "helpButtonProps.onClick" instead');
    }
    var helpButtonProps = _objectSpread(_objectSpread({}, this.props.helpButtonProps), {}, {
      onClick: ((_this$props$helpButto = this.props.helpButtonProps) == null ? void 0 : _this$props$helpButto.onClick) || onHelpButtonClick
    });
    var closeButtonProps = _objectSpread(_objectSpread({}, this.props.closeButtonProps), {}, {
      onClick: ((_this$props$closeButt = this.props.closeButtonProps) == null ? void 0 : _this$props$closeButt.onClick) || onCloseButtonClick
    });
    var backButtonProps = _objectSpread(_objectSpread({}, this.props.backButtonProps), {}, {
      onClick: ((_this$props$backButto = this.props.backButtonProps) == null ? void 0 : _this$props$backButto.onClick) || onBackButtonClick,
      description: ((_this$props$backButto2 = this.props.backButtonProps) == null ? void 0 : _this$props$backButto2.description) || backButtonDescription,
      tooltipProps: ((_this$props$backButto3 = this.props.backButtonProps) == null ? void 0 : _this$props$backButto3.tooltipProps) || backButtonTooltipProps
    });
    var isDraggable = draggable && skin === 'floating';
    return /*#__PURE__*/_react.default.createElement(_SidePanelAPI.SidePanelContext.Provider, {
      value: {
        skin,
        isDraggable,
        closeButtonProps,
        helpButtonProps,
        backButtonProps
      },
      __self: this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 152,
        columnNumber: 7
      }
    }, /*#__PURE__*/_react.default.createElement("div", {
      className: (0, _SidePanelSt.st)(_SidePanelSt.classes.root, {
        skin
      }, className),
      "data-hook": dataHook,
      style: {
        width,
        height,
        maxHeight
      },
      __self: this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 161,
        columnNumber: 9
      }
    }, children));
  }
}
SidePanel.displayName = 'SidePanel';
SidePanel.Header = _Header.default;
SidePanel.Content = _Content.default;
SidePanel.Footer = _Footer.default;
SidePanel.Divider = _Divider.default;
SidePanel.Section = _Section.default;
SidePanel.Field = _Field.default;
SidePanel.propTypes = {
  className: _propTypes.default.string,
  dataHook: _propTypes.default.string,
  closeButtonProps: _propTypes.default.shape({
    ariaLabel: _propTypes.default.string,
    onClick: _propTypes.default.func,
    size: _propTypes.default.oneOf(['small', 'medium', 'large']),
    skin: _propTypes.default.oneOf(['standard', 'standardFilled', 'light', 'lightFilled', 'dark', 'transparent'])
  }),
  helpButtonProps: _propTypes.default.shape({
    ariaLabel: _propTypes.default.string,
    onClick: _propTypes.default.func,
    size: _propTypes.default.oneOf(['small', 'medium', 'large']),
    skin: _propTypes.default.oneOf(['standard', 'standardFilled', 'light', 'lightFilled', 'dark', 'transparent'])
  }),
  children: _propTypes.default.node,
  width: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
  height: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
  maxHeight: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
  skin: _propTypes.default.oneOf(['standard', 'floating']),
  draggable: _propTypes.default.bool,
  backButtonProps: _propTypes.default.shape({
    ariaLabel: _propTypes.default.string,
    onClick: _propTypes.default.func,
    description: _propTypes.default.node
  }),
  /**
   * @deprecated use (backButtonProps/closeButtonProps/helpButtonProps) instead
   */
  onCloseButtonClick: _propTypes.default.func,
  onHelpButtonClick: _propTypes.default.func,
  onBackButtonClick: _propTypes.default.func,
  backButtonDescription: _propTypes.default.node,
  backButtonTooltipProps: _propTypes.default.shape(_TooltipCommon.TooltipCommonProps)
};
SidePanel.defaultProps = {
  width: '420px',
  height: '100%'
};
var _default = exports.default = SidePanel;
//# sourceMappingURL=SidePanel.js.map