@zohodesk/dot/lib/v1/FormAction/FormAction.js

In this Library, we Provide Some Basic Components to Build Your Application

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.RightSide = exports.LeftSide = exports.Center = void 0;
exports["default"] = FormAction;

var _react = _interopRequireDefault(require("react"));

var _defaultProps = require("./props/defaultProps");

var _propTypes = require("./props/propTypes");

var _Layout = require("@zohodesk/components/es/v1/Layout");

var _FormActionModule = _interopRequireDefault(require("../../FormAction/FormAction.module.css"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var LeftSide = function LeftSide(props) {
  props.children;
};

exports.LeftSide = LeftSide;

var RightSide = function RightSide(props) {
  props.children;
};

exports.RightSide = RightSide;

var Center = function Center(props) {
  props.children;
};

exports.Center = Center;

function FormAction(props) {
  var size = props.size,
      children = props.children,
      paddingLeftSize = props.paddingLeftSize,
      paddingRightClass = props.paddingRightClass,
      dataSelectorId = props.dataSelectorId;
  var leftbuttonGroup = [],
      rightbuttonGroup = [],
      centerbuttonGroup = [];

  _react["default"].Children.map(children, function (child) {
    if (!child) {
      return child;
    } else if (child.type === LeftSide) {
      leftbuttonGroup = leftbuttonGroup.concat(child.props.children);
    } else if (child.type === RightSide) {
      rightbuttonGroup = rightbuttonGroup.concat(child.props.children);
    } else if (child.type === Center) {
      centerbuttonGroup = centerbuttonGroup.concat(child.props.children);
    } else {
      leftbuttonGroup.push(child);
    }
  });

  var hasLeftChild = leftbuttonGroup.length > 0;
  var hasRightChild = rightbuttonGroup.length > 0;
  var hasCenterChild = centerbuttonGroup.length > 0;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: _FormActionModule["default"].wrapperDiv,
    "data-selector-id": dataSelectorId
  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
    alignBox: "row",
    isCover: false,
    align: hasCenterChild ? 'around' : hasRightChild && !hasLeftChild ? 'right' : null,
    className: "\n                        ".concat("".concat(_FormActionModule["default"].footerParent, " ").concat(hasCenterChild ? '' : _FormActionModule["default"]["".concat(paddingLeftSize ? paddingLeftSize : size, "Padding")], " ").concat(paddingRightClass), "\n\n                        ", _FormActionModule["default"]["".concat(size, "Footer")], "\n                    ")
  }, hasLeftChild ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
    flexible: hasRightChild ? true : false,
    shrink: !hasRightChild && hasLeftChild ? true : false
  }, leftbuttonGroup.length > 1 ? leftbuttonGroup.map(function (item, index) {
    return /*#__PURE__*/_react["default"].createElement("div", {
      className: _FormActionModule["default"].marginRight,
      key: index
    }, item);
  }) : leftbuttonGroup[0]) : null, hasRightChild ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
    shrink: hasRightChild && !hasLeftChild ? true : false
  }, rightbuttonGroup.length > 1 ? rightbuttonGroup.map(function (item, index) {
    return /*#__PURE__*/_react["default"].createElement("div", {
      className: _FormActionModule["default"].marginRight,
      key: index
    }, item);
  }) : rightbuttonGroup[0]) : null, hasCenterChild ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, centerbuttonGroup.length > 1 ? centerbuttonGroup.map(function (item, index) {
    return /*#__PURE__*/_react["default"].createElement("div", {
      className: _FormActionModule["default"].marginRight,
      key: index
    }, item);
  }) : centerbuttonGroup[0]) : null));
}

FormAction.propTypes = _propTypes.propTypes;
FormAction.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
//   FormAction.docs = {
//     componentGroup: 'Atom'
//   };
// }