@wix/design-system/dist/cjs/BaseModalLayout/LayoutBlocks/Footer/Footer.js

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.Footer = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _FooterSt = require("./Footer.st.css.js");
var _Button = _interopRequireDefault(require("../../../Button"));
var _constants = require("../../constants");
var _Divider = _interopRequireDefault(require("../../../Divider"));
var _BaseModalLayoutContext = require("../../BaseModalLayoutContext");
var _Tooltip = _interopRequireDefault(require("../../../Tooltip"));
var _TooltipCommon = require("../../../common/PropTypes/TooltipCommon");
var _excluded = ["dataHook"],
  _excluded2 = ["dataHook"];
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/BaseModalLayout/LayoutBlocks/Footer/Footer.tsx";
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; }
var Footer = _ref => {
  var {
    dataHook,
    className,
    showFooterDivider = false
  } = _ref;
  var {
    footerClassName,
    skin,
    actionsSize,
    sideActions,
    secondaryButtonText,
    secondaryButtonOnClick,
    secondaryButtonProps,
    primaryButtonText,
    primaryButtonOnClick,
    primaryButtonProps,
    primaryButtonTooltipProps
  } = (0, _BaseModalLayoutContext.useBaseModalLayoutContext)();
  var hasPrimaryButton = primaryButtonText || primaryButtonOnClick || primaryButtonProps;
  var hasSecondaryButton = secondaryButtonText || secondaryButtonOnClick || secondaryButtonProps;
  var hasFooter = hasPrimaryButton || hasSecondaryButton || sideActions;
  return hasFooter && /*#__PURE__*/_react.default.createElement("div", {
    "data-hook": dataHook,
    "data-divider": showFooterDivider,
    className: (0, _FooterSt.st)(_FooterSt.classes.root, {
      showDivider: showFooterDivider
    }, footerClassName, className),
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 38,
      columnNumber: 7
    }
  }, /*#__PURE__*/_react.default.createElement(_Divider.default, {
    className: _FooterSt.classes.divider,
    dataHook: _constants.dataHooks.footerDivider,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 48,
      columnNumber: 9
    }
  }), /*#__PURE__*/_react.default.createElement("div", {
    className: _FooterSt.classes.innerContent,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 52,
      columnNumber: 9
    }
  }, sideActions && /*#__PURE__*/_react.default.createElement("div", {
    "data-hook": _constants.dataHooks.footerSideActions,
    className: _FooterSt.classes.sideActions,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 54,
      columnNumber: 13
    }
  }, sideActions), (hasPrimaryButton || hasSecondaryButton) && /*#__PURE__*/_react.default.createElement("div", {
    className: _FooterSt.classes.actions,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 62,
      columnNumber: 13
    }
  }, hasSecondaryButton && /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
    skin: skin,
    size: actionsSize,
    onClick: secondaryButtonOnClick,
    priority: "secondary"
  }, secondaryButtonProps, {
    dataHook: _constants.dataHooks.footerSecondaryButton,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 64,
      columnNumber: 17
    }
  }), secondaryButtonText || secondaryButtonProps && secondaryButtonProps.children), hasPrimaryButton && /*#__PURE__*/_react.default.createElement(_Tooltip.default, (0, _extends2.default)({
    dataHook: _constants.dataHooks.primaryButtonTooltip,
    disabled: !(primaryButtonTooltipProps != null && primaryButtonTooltipProps.content)
  }, primaryButtonTooltipProps, {
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 77,
      columnNumber: 17
    }
  }), /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
    skin: skin,
    size: actionsSize,
    onClick: primaryButtonOnClick
  }, primaryButtonProps, {
    dataHook: _constants.dataHooks.footerPrimaryButton,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 82,
      columnNumber: 19
    }
  }), primaryButtonText || (primaryButtonProps == null ? void 0 : primaryButtonProps.children)))))) || null;
};
exports.Footer = Footer;
Footer.displayName = 'BaseModalLayout.Footer';
Footer.propTypes = {
  className: _propTypes.default.string,
  dataHook: _propTypes.default.string,
  skin: _propTypes.default.oneOf(['standard', 'premium', 'destructive']),
  actionsSize: _Button.default.propTypes.size,
  primaryButtonText: _propTypes.default.string,
  primaryButtonOnClick: _propTypes.default.func,
  primaryButtonProps: (() => {
    var _Button$propTypes = _Button.default.propTypes,
      {
        dataHook
      } = _Button$propTypes,
      buttonProps = (0, _objectWithoutProperties2.default)(_Button$propTypes, _excluded);
    return _propTypes.default.shape(buttonProps);
  })(),
  primaryButtonTooltipProps: _propTypes.default.shape(_objectSpread({
    content: _propTypes.default.string
  }, _TooltipCommon.TooltipCommonProps)),
  secondaryButtonText: _propTypes.default.string,
  secondaryButtonOnClick: _propTypes.default.func,
  secondaryButtonProps: (() => {
    var _Button$propTypes2 = _Button.default.propTypes,
      {
        dataHook
      } = _Button$propTypes2,
      buttonProps = (0, _objectWithoutProperties2.default)(_Button$propTypes2, _excluded2);
    return _propTypes.default.shape(buttonProps);
  })(),
  sideActions: _propTypes.default.node,
  showFooterDivider: _propTypes.default.bool
};
//# sourceMappingURL=Footer.js.map