apps.websight-package-manager.web-resources.components.modals.CreatePackageModal.js Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of websight-package-manager-view Show documentation
Package Manager View module is responsible for view part of Package Manager.
The newest version!
import React from "/apps/websight-atlaskit-esm/web-resources/react.js";
import Button, { ButtonGroup } from "/apps/websight-atlaskit-esm/web-resources/@atlaskit/button.js";
import ConfirmationModal from "/apps/websight-admin/web-resources/ConfirmationModal.js";
import PackageService from "../../services/PackageService.js";
import { extendFunction } from "../../utils/CommonUtils.js";
import PackageModal from "./PackageModal.js";
const ACTION_CREATE = 'create';
const ACTION_CREATE_AND_BUILD = 'create-and-build';
export default class CreatePackageModal extends React.Component {
  constructor(props) {
    super(props);
    this.open = this.open.bind(this);
    this.close = this.close.bind(this);
    this.getFormFooterContent = this.getFormFooterContent.bind(this);
    this.onSubmit = this.onSubmit.bind(this);
    this.onCreateAndBuildFormSubmit = this.onCreateAndBuildFormSubmit.bind(this);
    this.onCreateFormSubmit = this.onCreateFormSubmit.bind(this);
  }

  open() {
    this.packageModal.open();
  }

  close() {
    this.packageModal.close();
  }

  onCreateAndBuildFormSubmit(requestData, onSuccess, onValidationFailure, onComplete) {
    if (this.props.onCreateAndBuildSuccess) {
      onSuccess = extendFunction(onSuccess, data => this.props.onCreateAndBuildSuccess(data.entity.path));
    }

    const onFailure = data => {
      onComplete(data);

      if (data.entity && (data.entity.firstActionDone || data.entity.path)) {
        this.onSubmitSuccess();

        if (this.props.onCreateSuccess) {
          this.props.onCreateSuccess();
        }
      }
    };

    PackageService.createAndBuildPackage(requestData, onSuccess, onValidationFailure, onFailure, onComplete);
  }

  onCreateFormSubmit(requestData, onSuccess, onValidationFailure, onComplete) {
    if (this.props.onCreateSuccess) {
      onSuccess = extendFunction(onSuccess, data => this.props.onCreateSuccess(data.entity.path));
    }

    const onFailure = data => {
      onComplete(data);

      if (data.entity && data.entity.path) {
        this.onSubmitSuccess();

        if (this.props.onCreateSuccess) {
          this.props.onCreateSuccess();
        }
      }
    };

    PackageService.createPackage(requestData, onSuccess, onValidationFailure, onFailure, onComplete);
  }

  onSubmit(...submitArgs) {
    if (this.actionClicked === ACTION_CREATE_AND_BUILD) {
      this.onCreateAndBuildFormSubmit(...submitArgs);
    } else {
      this.onCreateFormSubmit(...submitArgs);
    }
  }

  getFormFooterContent({
    submitted
  }) {
    return /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
      appearance: "primary",
      type: "submit",
      isLoading: submitted && this.actionClicked === ACTION_CREATE_AND_BUILD,
      isDisabled: submitted && this.actionClicked !== ACTION_CREATE_AND_BUILD,
      onClick: event => {
        event.preventDefault();
        this.createAndBuildConfirmationModal.open();
      }
    }, "Create & Build"), /*#__PURE__*/React.createElement(Button, {
      appearance: "default",
      type: "submit",
      isLoading: submitted && this.actionClicked === ACTION_CREATE,
      isDisabled: submitted && this.actionClicked !== ACTION_CREATE,
      onClick: () => {
        this.actionClicked = ACTION_CREATE;
      }
    }, "Create"), /*#__PURE__*/React.createElement(Button, {
      appearance: "subtle",
      onClick: this.close,
      isDisabled: submitted
    }, "Cancel"));
  }

  render() {
    const {
      groups,
      defaultGroup
    } = this.props;
    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PackageModal, {
      actionTitle: "Create Package",
      groups: groups,
      defaultGroup: defaultGroup,
      formFooterContent: this.getFormFooterContent,
      onSubmit: this.onSubmit,
      ref: element => this.packageModal = element
    }), /*#__PURE__*/React.createElement(ConfirmationModal, {
      buttonText: "Create & Build",
      heading: "Create & Build package",
      message: "Do you really want to create and build this package?",
      onConfirm: () => {
        this.actionClicked = ACTION_CREATE_AND_BUILD;
        this.packageModal.submit();
        this.createAndBuildConfirmationModal.close();
      },
      ref: element => this.createAndBuildConfirmationModal = element
    }));
  }

}