@olenbetong/data-binding/src/actions.js

import React, { useContext } from "react";
import dataObjectContext from "./context";
import { getLocalizedString } from "@olenbetong/utils";

function objectWithoutProperties(obj, keys) {
  var target = {};

  for (var i in obj) {
    if (keys.indexOf(i) < 0 && Object.prototype.hasOwnProperty.call(obj, i)) {
      target[i] = obj[i];
    }
  }

  return target;
}

function createButton(name, onClick, ownProps = []) {
  const btnComponent = function({ as, children, onClick: onClickProp, ...other }, ref) {
    const dataObject = useContext(dataObjectContext);
    const Component = as ? as : "button";

    const props = objectWithoutProperties(other, ownProps);

    return (
      <Component
        ref={ref}
        onClick={evt => {
          if (typeof onClickProp === "function") {
            onClickProp(evt);
          }
          onClick(dataObject, other);
        }}
        {...props}
      >
        {children}
      </Component>
    );
  };

  return React.forwardRef(btnComponent);
}

function save(dataObject) {
  dataObject.endEdit();
}

function cancel(dataObject) {
  dataObject.cancelEdit();
}

function deleteRow(dataObject, props) {
  const { confirm = true, index, prompt = getLocalizedString("Are you sure you want to delete this record?") } = props;

  function doDelete() {
    if (!index && index !== 0) {
      dataObject.deleteCurrentRow();
    } else {
      dataObject.deleteRow(index);
    }
  }

  if (!confirm) {
    doDelete();
  } else {
    if (typeof prompt === "string" && window.confirm(getLocalizedString(prompt))) {
      doDelete();
    } else if (typeof prompt === "function") {
      const result = prompt(props);
      if (result === true) {
        doDelete();
      } else if (result instanceof Promise) {
        result.then(shouldDelete => {
          if (shouldDelete === true) {
            doDelete();
          }
        });
      }
    }
  }
}

export const SaveButton = createButton("SaveButton", save);
export const CancelButton = createButton("CancelButton", cancel);
export const DeleteButton = createButton("DeleteButton", deleteRow, ["confirm", "index", "prompt"]);