@olenbetong/react-data-object-connect/dist/umd/ReactDataObjectConnect.js

(function (global, factory) {
  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
  typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
  (global = global || self, factory(global.ReactDataObjectConnect = {}, global.React));
}(this, function (exports, React) { 'use strict';

  var React__default = 'default' in React ? React['default'] : React;

  function _extends() {
    _extends = Object.assign || function (target) {
      for (var i = 1; i < arguments.length; i++) {
        var source = arguments[i];

        for (var key in source) {
          if (Object.prototype.hasOwnProperty.call(source, key)) {
            target[key] = source[key];
          }
        }
      }

      return target;
    };

    return _extends.apply(this, arguments);
  }

  function _classCallCheck(instance, Constructor) {
    if (!(instance instanceof Constructor)) {
      throw new TypeError("Cannot call a class as a function");
    }
  }

  function _defineProperties(target, props) {
    for (var i = 0; i < props.length; i++) {
      var descriptor = props[i];
      descriptor.enumerable = descriptor.enumerable || false;
      descriptor.configurable = true;
      if ("value" in descriptor) descriptor.writable = true;
      Object.defineProperty(target, descriptor.key, descriptor);
    }
  }

  function _createClass(Constructor, protoProps, staticProps) {
    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
    if (staticProps) _defineProperties(Constructor, staticProps);
    return Constructor;
  }

  function _typeof2(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof2 = function _typeof2(obj) { return typeof obj; }; } else { _typeof2 = function _typeof2(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof2(obj); }

  function _typeof(obj) {
    if (typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol") {
      _typeof = function _typeof(obj) {
        return _typeof2(obj);
      };
    } else {
      _typeof = function _typeof(obj) {
        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : _typeof2(obj);
      };
    }

    return _typeof(obj);
  }

  function _assertThisInitialized(self) {
    if (self === void 0) {
      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
    }

    return self;
  }

  function _possibleConstructorReturn(self, call) {
    if (call && (_typeof(call) === "object" || typeof call === "function")) {
      return call;
    }

    return _assertThisInitialized(self);
  }

  function _getPrototypeOf(o) {
    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
      return o.__proto__ || Object.getPrototypeOf(o);
    };
    return _getPrototypeOf(o);
  }

  function _setPrototypeOf(o, p) {
    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
      o.__proto__ = p;
      return o;
    };

    return _setPrototypeOf(o, p);
  }

  function _inherits(subClass, superClass) {
    if (typeof superClass !== "function" && superClass !== null) {
      throw new TypeError("Super expression must either be null or a function");
    }

    subClass.prototype = Object.create(superClass && superClass.prototype, {
      constructor: {
        value: subClass,
        writable: true,
        configurable: true
      }
    });
    if (superClass) _setPrototypeOf(subClass, superClass);
  }

  var events = ["AllowDeleteChanged", "AllowUpdateChanged", "AllowInsertChanged", "SaveFailed", "PartialDataLoaded", "DataLoadFailed", "FieldChanged", "RecordCreated", "RecordRefreshed", "RecordDeleting", "RecordDeleted", "AfterSave", "BeforeLoad", "BeforeSave", "CancelEdit", "CurrentIndexChanged", "DataLoaded", "DirtyChanged"];
  function connect(dataObject) {
    var currentRowOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
    return function connect(WrappedComponent) {
      function getDataObject() {
        return typeof dataObject === "string" ? window[dataObject] : dataObject;
      }

      var connector =
      /*#__PURE__*/
      function (_React$Component) {
        _inherits(connector, _React$Component);

        function connector(props) {
          var _this;

          _classCallCheck(this, connector);

          _this = _possibleConstructorReturn(this, _getPrototypeOf(connector).call(this, props));
          var initialState = {};
          var dataObject = getDataObject();

          if (currentRowOnly) {
            var _iteratorNormalCompletion = true;
            var _didIteratorError = false;
            var _iteratorError = undefined;

            try {
              for (var _iterator = dataObject.getFields()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
                var field = _step.value;
                initialState[field.name] = null;
              }
            } catch (err) {
              _didIteratorError = true;
              _iteratorError = err;
            } finally {
              try {
                if (!_iteratorNormalCompletion && _iterator.return != null) {
                  _iterator.return();
                }
              } finally {
                if (_didIteratorError) {
                  throw _iteratorError;
                }
              }
            }
          } else {
            initialState.data = [];
          }

          _this.state = Object.assign({
            canDelete: dataObject.isDeleteAllowed(),
            canUpdate: dataObject.isUpdateAllowed(),
            canInsert: dataObject.isInsertAllowed(),
            currentIndex: dataObject.getCurrentIndex(),
            isDirty: dataObject.isDirty(),
            isDeleting: false,
            isLoading: dataObject.isDataLoading() === true,
            isSaving: false,
            loadError: null,
            saveFailed: false
          }, initialState);
          _this.handleAfterSave = _this.handleAfterSave.bind(_assertThisInitialized(_this));
          _this.handleAllowDeleteChanged = _this.handleAllowDeleteChanged.bind(_assertThisInitialized(_this));
          _this.handleAllowInsertChanged = _this.handleAllowInsertChanged.bind(_assertThisInitialized(_this));
          _this.handleAllowUpdateChanged = _this.handleAllowUpdateChanged.bind(_assertThisInitialized(_this));
          _this.handleBeforeLoad = _this.handleBeforeLoad.bind(_assertThisInitialized(_this));
          _this.handleBeforeSave = _this.handleBeforeSave.bind(_assertThisInitialized(_this));
          _this.handleCancelEdit = _this.handleCancelEdit.bind(_assertThisInitialized(_this));
          _this.handleCurrentIndexChanged = _this.handleCurrentIndexChanged.bind(_assertThisInitialized(_this));
          _this.handleDataLoaded = _this.handleDataLoaded.bind(_assertThisInitialized(_this));
          _this.handleDataLoadFailed = _this.handleDataLoadFailed.bind(_assertThisInitialized(_this));
          _this.handleDirtyChanged = _this.handleDirtyChanged.bind(_assertThisInitialized(_this));
          _this.handlePartialDataLoaded = _this.handlePartialDataLoaded.bind(_assertThisInitialized(_this));
          _this.handleRecordDeleting = _this.handleRecordDeleting.bind(_assertThisInitialized(_this));
          _this.handleRecordDeleted = _this.handleRecordDeleted.bind(_assertThisInitialized(_this));
          _this.handleSaveFailed = _this.handleSaveFailed.bind(_assertThisInitialized(_this));
          _this.setFieldValue = _this.setFieldValue.bind(_assertThisInitialized(_this));
          _this.setFieldValues = _this.setFieldValues.bind(_assertThisInitialized(_this));
          _this.updateData = _this.updateData.bind(_assertThisInitialized(_this));
          _this.handleFieldChanged = _this.updateData;
          _this.handleRecordCreated = _this.updateData;
          _this.handleRecordRefreshed = _this.updateData;
          return _this;
        }

        _createClass(connector, [{
          key: "componentDidMount",
          value: function componentDidMount() {
            var dataObject = getDataObject();

            for (var _i = 0, _events = events; _i < _events.length; _i++) {
              var event = _events[_i];
              dataObject.attachEvent("on" + event, this["handle" + event]);
            }

            this.updateData();
          }
        }, {
          key: "componentWillUnmount",
          value: function componentWillUnmount() {
            var dataObject = getDataObject();

            for (var _i2 = 0, _events2 = events; _i2 < _events2.length; _i2++) {
              var event = _events2[_i2];
              dataObject.detachEvent("on" + event, this["handle" + event]);
            }
          }
        }, {
          key: "cancelEdit",
          value: function cancelEdit() {
            getDataObject().cancelEdit();
          }
        }, {
          key: "deleteRow",
          value: function deleteRow(idx) {
            var dataObject = getDataObject();
            return new Promise(function (resolve) {
              var callback = function callback(error, data) {
                resolve({
                  data: data,
                  error: error
                });
              };

              if (currentRowOnly) {
                dataObject.deleteCurrentRow(callback);
              } else {
                dataObject.deleteRow(idx, callback);
              }
            });
          }
        }, {
          key: "endEdit",
          value: function endEdit(callback) {
            var dataObject = getDataObject();
            return new Promise(function (resolve) {
              dataObject.endEdit(function (error, data) {
                "function" === typeof callback && callback(error, data);
                resolve({
                  data: data,
                  error: error
                });
              });
            });
          }
        }, {
          key: "updateData",
          value: function updateData() {
            var otherState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
            var dataObject = getDataObject();

            if (currentRowOnly) {
              var record = dataObject.currentRow();
              this.setState(Object.assign(record, otherState));
            } else {
              var data = dataObject.getData();
              var current = dataObject.currentRow();
              this.setState(Object.assign({
                current: current,
                data: data
              }, otherState));
            }
          }
        }, {
          key: "handleAllowDeleteChanged",
          value: function handleAllowDeleteChanged(allowed) {
            this.setState({
              canDelete: allowed
            });
          }
        }, {
          key: "handleAllowUpdateChanged",
          value: function handleAllowUpdateChanged(allowed) {
            this.setState({
              canUpdate: allowed
            });
          }
        }, {
          key: "handleAllowInsertChanged",
          value: function handleAllowInsertChanged(allowed) {
            this.setState({
              canInsert: allowed
            });
          }
        }, {
          key: "handleSaveFailed",
          value: function handleSaveFailed() {
            this.setState({
              saveFailed: true
            });
          }
        }, {
          key: "handlePartialDataLoaded",
          value: function handlePartialDataLoaded() {
            return null;
          }
        }, {
          key: "handleDataLoadFailed",
          value: function handleDataLoadFailed(loadError) {
            if (loadError) {
              this.setState({
                isLoading: false,
                loadError: loadError
              });
            } else {
              this.setState({
                isLoading: false
              });
            }
          }
        }, {
          key: "handleRecordDeleting",
          value: function handleRecordDeleting() {
            this.setState({
              isDeleting: true
            });
          }
        }, {
          key: "handleRecordDeleted",
          value: function handleRecordDeleted() {
            this.updateData({
              isDeleting: false
            });
          }
        }, {
          key: "handleAfterSave",
          value: function handleAfterSave() {
            this.updateData({
              isSaving: false
            });
          }
        }, {
          key: "handleBeforeLoad",
          value: function handleBeforeLoad() {
            this.setState({
              isLoading: true
            });
          }
        }, {
          key: "handleBeforeSave",
          value: function handleBeforeSave() {
            this.setState({
              isSaving: true,
              saveFailed: false
            });
          }
        }, {
          key: "handleCancelEdit",
          value: function handleCancelEdit() {
            this.updateData({
              isSaving: false
            });
          }
        }, {
          key: "handleCurrentIndexChanged",
          value: function handleCurrentIndexChanged(currentIndex) {
            if (currentRowOnly) {
              this.updateData();
            } else {
              this.updateData();
              this.setState({
                currentIndex: currentIndex
              });
            }
          }
        }, {
          key: "handleDataLoaded",
          value: function handleDataLoaded() {
            this.updateData({
              isLoading: false,
              isSaving: false,
              isDeleting: false,
              saveFailed: false
            });
          }
        }, {
          key: "handleDirtyChanged",
          value: function handleDirtyChanged() {
            this.setState({
              isDirty: getDataObject().isDirty()
            });
          }
        }, {
          key: "refreshData",
          value: function refreshData(callback) {
            var dataObject = getDataObject();
            return new Promise(function (resolve) {
              dataObject.refreshDataSource(function (error, data) {
                "function" === typeof callback && callback(error, data);
                resolve({
                  data: data,
                  error: error
                });
              });
            });
          }
        }, {
          key: "refreshRow",
          value: function refreshRow(callback) {
            var dataObject = getDataObject();
            return new Promise(function (resolve) {
              dataObject.refreshCurrentRow(function (error, data) {
                "function" === typeof callback && callback(error, data);
                resolve({
                  data: data,
                  error: error
                });
              });
            });
          }
        }, {
          key: "setFieldValue",
          value: function setFieldValue(name, value) {
            getDataObject().currentRow(name, value);
            this.updateData();
          }
        }, {
          key: "setFieldValues",
          value: function setFieldValues(fields) {
            var dataObject = getDataObject();

            for (var field in fields) {
              if (Object.prototype.hasOwnProperty.call(fields, field)) {
                dataObject.currentRow(field, fields[field]);
              }
            }

            this.updateData();
          }
        }, {
          key: "setCurrentIndex",
          value: function setCurrentIndex(idx) {
            getDataObject().setCurrentIndex(idx);
          }
        }, {
          key: "setParameter",
          value: function setParameter() {
            var _getDataObject;

            (_getDataObject = getDataObject()).setParameter.apply(_getDataObject, arguments);
          }
        }, {
          key: "render",
          value: function render() {
            return React__default.createElement(WrappedComponent, _extends({}, this.state, {
              onCancelEdit: this.cancelEdit,
              onCurrentIndexChange: this.setCurrentIndex,
              onDeleteRow: this.deleteRow,
              onEndEdit: this.endEdit,
              onFieldChange: this.setFieldValue,
              onFieldsChange: this.setFieldValues,
              onRefreshData: this.refreshData,
              onRefreshRow: this.refreshRow,
              onSetParameter: this.setParameter
            }, this.props));
          }
        }]);

        return connector;
      }(React__default.Component);

      function getDisplayName() {
        return WrappedComponent.displayName || WrappedComponent.name || "Component";
      }

      connector.displayName = typeof dataObject === "string" ? dataObject : dataObject.getDataSourceId();
      connector.displayName += "(".concat(getDisplayName(), ")");
      return connector;
    };
  }
  var properties = ["onCancelEdit", "onCurrentIndexChange", "onEndEdit", "onDeleteRow", "onFieldChange", "onFieldsChange", "onRefreshData", "onRefreshRow", "onSetParameter", "canDelete", "canUpdate", "canInsert", "currentIndex", "isDirty", "isDeleting", "isLoading", "isSaving", "loadError", "saveFailed"];
  var connectRow = function connectRow(dataObject) {
    return connect(dataObject, true);
  };

  function getData(dataObject, filter) {
    var data = window.af.data;
    var dataHandler = new data.DataProviderHandler({
      dataSourceId: dataObject.getDataSourceId(),
      timeout: 30000
    });
    var fields = dataObject.getFields();
    return new Promise(function (resolve, reject) {
      var filterData = {
        filterString: "",
        whereClause: typeof filter === "string" ? filter : "",
        whereObject: _typeof(filter) === "object" ? filter : null
      };
      dataHandler.retrieve(filterData, function (error, data) {
        if (error !== null) {
          reject(error);
        } else {
          var records = [];
          var _iteratorNormalCompletion = true;
          var _didIteratorError = false;
          var _iteratorError = undefined;

          try {
            for (var _iterator = data[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
              var item = _step.value;
              var record = {};

              for (var i = 0; i < item.length; i++) {
                record[fields[i].name] = item[i];
              }

              records.push(record);
            }
          } catch (err) {
            _didIteratorError = true;
            _iteratorError = err;
          } finally {
            try {
              if (!_iteratorNormalCompletion && _iterator.return != null) {
                _iterator.return();
              }
            } finally {
              if (_didIteratorError) {
                throw _iteratorError;
              }
            }
          }

          resolve(records);
        }
      });
    });
  }

  function _arrayWithHoles(arr) {
    if (Array.isArray(arr)) return arr;
  }

  function _iterableToArrayLimit(arr, i) {
    var _arr = [];
    var _n = true;
    var _d = false;
    var _e = undefined;

    try {
      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
        _arr.push(_s.value);

        if (i && _arr.length === i) break;
      }
    } catch (err) {
      _d = true;
      _e = err;
    } finally {
      try {
        if (!_n && _i["return"] != null) _i["return"]();
      } finally {
        if (_d) throw _e;
      }
    }

    return _arr;
  }

  function _nonIterableRest() {
    throw new TypeError("Invalid attempt to destructure non-iterable instance");
  }

  function _slicedToArray(arr, i) {
    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
  }

  function useCurrentIndex(dataObject) {
    var _useState = React.useState(dataObject.getCurrentIndex()),
        _useState2 = _slicedToArray(_useState, 2),
        index = _useState2[0],
        setIndex = _useState2[1];

    React.useEffect(function () {
      dataObject.attachEvent("onCurrentIndexChanged", setIndex);
      setIndex(dataObject.getCurrentIndex());
      return function () {
        return dataObject.detachEvent("onCurrentIndexChanged", setIndex);
      };
    }, [dataObject]);
    return index;
  }

  function _arrayWithoutHoles(arr) {
    if (Array.isArray(arr)) {
      for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {
        arr2[i] = arr[i];
      }

      return arr2;
    }
  }

  function _iterableToArray(iter) {
    if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
  }

  function _nonIterableSpread() {
    throw new TypeError("Invalid attempt to spread non-iterable instance");
  }

  function _toConsumableArray(arr) {
    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
  }

  // A resusable array containing all data object events that should trigger an update
  var dataUpdateEvents = ["onFieldChanged", "onRecordCreated", "onRecordDeleted", "onRecordRefreshed", "onAfterSave", "onCancelEdit", "onDataLoaded", "onPartialDataLoaded"];

  function useCurrentRow(dataObject) {
    var _useState = React.useState(dataObject.currentRow() || {}),
        _useState2 = _slicedToArray(_useState, 2),
        record = _useState2[0],
        setRecord = _useState2[1];

    var updateRecord = React.useCallback(function () {
      return setRecord(dataObject.currentRow());
    }, [dataObject]);
    React.useEffect(function () {
      var recordUpdateEvents = ["onCurrentIndexChanged"].concat(_toConsumableArray(dataUpdateEvents));
      recordUpdateEvents.forEach(function (event) {
        return dataObject.attachEvent(event, updateRecord);
      });
      updateRecord();
      return function () {
        return recordUpdateEvents.forEach(function (event) {
          return dataObject.detachEvent(event, updateRecord);
        });
      };
    }, [dataObject, updateRecord]);
    return record;
  }

  function useData(dataObject) {
    var _useState = React.useState(dataObject.getData()),
        _useState2 = _slicedToArray(_useState, 2),
        data = _useState2[0],
        setData = _useState2[1];

    var updateData = React.useCallback(function () {
      var data = dataObject.getData(); // If current row is dirty, getData will still return the saved record

      var idx = dataObject.getCurrentIndex();

      if (idx >= 0) {
        data[idx] = dataObject.currentRow();
      }

      setData(data);
    }, [dataObject]);
    React.useEffect(function () {
      dataUpdateEvents.forEach(function (event) {
        return dataObject.attachEvent(event, updateData);
      });
      updateData();
      return function () {
        return dataUpdateEvents.forEach(function (event) {
          return dataObject.detachEvent(event, updateData);
        });
      };
    }, [dataObject, updateData]);
    return data;
  }

  function useDataLength(dataObject) {
    var _useState = React.useState(function () {
      return dataObject.getDataLength();
    }),
        _useState2 = _slicedToArray(_useState, 2),
        length = _useState2[0],
        setLength = _useState2[1];

    React.useEffect(function () {
      function update() {
        setLength(dataObject.getDataLength());
      }

      dataObject.attachEvent("onRecordCreated", update);
      dataObject.attachEvent("onRecordDeleted", update);
      dataObject.attachEvent("onDataLoaded", update);
      dataObject.attachEvent("onPartialDataLoaded", update);
      update();
      return function () {
        dataObject.detachEvent("onRecordCreated", update);
        dataObject.detachEvent("onRecordDeleted", update);
        dataObject.detachEvent("onDataLoaded", update);
        dataObject.detachEvent("onPartialDataLoaded", update);
      };
    }, [dataObject]);
    return length;
  }

  var isArray = Array.isArray;
  var keyList = Object.keys;
  var hasProp = Object.prototype.hasOwnProperty;

  var fastDeepEqual = function equal(a, b) {
    if (a === b) return true;

    if (a && b && typeof a == 'object' && typeof b == 'object') {
      var arrA = isArray(a)
        , arrB = isArray(b)
        , i
        , length
        , key;

      if (arrA && arrB) {
        length = a.length;
        if (length != b.length) return false;
        for (i = length; i-- !== 0;)
          if (!equal(a[i], b[i])) return false;
        return true;
      }

      if (arrA != arrB) return false;

      var dateA = a instanceof Date
        , dateB = b instanceof Date;
      if (dateA != dateB) return false;
      if (dateA && dateB) return a.getTime() == b.getTime();

      var regexpA = a instanceof RegExp
        , regexpB = b instanceof RegExp;
      if (regexpA != regexpB) return false;
      if (regexpA && regexpB) return a.toString() == b.toString();

      var keys = keyList(a);
      length = keys.length;

      if (length !== keyList(b).length)
        return false;

      for (i = length; i-- !== 0;)
        if (!hasProp.call(b, keys[i])) return false;

      for (i = length; i-- !== 0;) {
        key = keys[i];
        if (!equal(a[key], b[key])) return false;
      }

      return true;
    }

    return a!==a && b!==b;
  };

  function useFilter(dataObject, filter) {
    var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "filterString";
    React.useEffect(function () {
      var current = dataObject.getParameter(type);

      if (filter !== false) {
        if (!fastDeepEqual(current, filter) || !dataObject.isDataLoaded() && !dataObject.isDataLoading()) {
          dataObject.setParameter(type, filter);
          dataObject.refreshDataSource();
        }
      }
    }, [dataObject, filter, type]);
  }

  function useDataWithFilter(dataObject, filter) {
    var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "filterString";
    var data = useData(dataObject);
    useFilter(dataObject, filter, type);
    return data;
  }

  function useDirty(dataObject) {
    var _useState = React.useState(dataObject.isDirty() || false),
        _useState2 = _slicedToArray(_useState, 2),
        isDirty = _useState2[0],
        setDirty = _useState2[1];

    React.useEffect(function () {
      dataObject.attachEvent("onDirtyChanged", setDirty);
      setDirty(dataObject.isDirty());
      return function () {
        dataObject.detachEvent("onDirtyChanged", setDirty);
      };
    }, [dataObject]);
    return isDirty;
  }

  function useError(dataObject) {
    var _useState = React.useState(null),
        _useState2 = _slicedToArray(_useState, 2),
        loadError = _useState2[0],
        setError = _useState2[1];

    React.useEffect(function () {
      dataObject.attachEvent("onDataLoadFailed", setError);
      return function () {
        dataObject.detachEvent("onDataLoadFailed", setError);
      };
    }, [dataObject]);
    return loadError;
  }

  function useFetchData(dataObject, filter) {
    var _useState = React.useState([]),
        _useState2 = _slicedToArray(_useState, 2),
        data = _useState2[0],
        setData = _useState2[1];

    var _useState3 = React.useState(false),
        _useState4 = _slicedToArray(_useState3, 2),
        shouldUpdate = _useState4[0],
        setShouldUpdate = _useState4[1];

    var _useState5 = React.useState(filter !== false),
        _useState6 = _slicedToArray(_useState5, 2),
        isLoading = _useState6[0],
        setIsLoading = _useState6[1];

    var refresh = React.useCallback(function () {
      setShouldUpdate(function (shouldUpdate) {
        return !shouldUpdate;
      });
    }, []);
    var refreshRows = React.useCallback(function (filter) {
      var idField = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "PrimKey";
      getData(dataObject, filter).then(function (records) {
        var newData = _toConsumableArray(data);

        var _iteratorNormalCompletion = true;
        var _didIteratorError = false;
        var _iteratorError = undefined;

        try {
          for (var _iterator = records[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
            var record = _step.value;

            for (var i = 0; i < newData.length; i++) {
              var current = newData[i];

              if (current[idField] === record[idField]) {
                newData[i] = record;
              }
            }
          }
        } catch (err) {
          _didIteratorError = true;
          _iteratorError = err;
        } finally {
          try {
            if (!_iteratorNormalCompletion && _iterator.return != null) {
              _iterator.return();
            }
          } finally {
            if (_didIteratorError) {
              throw _iteratorError;
            }
          }
        }

        setData(newData);
      });
    }, [dataObject, data]);
    React.useEffect(function () {
      var isCancelled = false;

      if (filter !== false) {
        setIsLoading(true);
        getData(dataObject, filter).then(function (data) {
          if (!isCancelled) {
            if (data.length > 0) {
              setData(data);
            } else {
              setData([]);
            }

            setIsLoading(false);
          }
        });
      }

      return function () {
        return isCancelled = true;
      };
    }, [dataObject, filter, shouldUpdate]);
    return {
      data: data,
      refresh: refresh,
      refreshRows: refreshRows,
      isLoading: isLoading
    };
  }

  function useFetchRecord(dataObject, filter) {
    var _useFetchData = useFetchData(dataObject, filter),
        isLoading = _useFetchData.isLoading,
        data = _useFetchData.data,
        refresh = _useFetchData.refresh;

    var record = data.length > 0 ? data[0] : {};
    return {
      record: record,
      refresh: refresh,
      isLoading: isLoading
    };
  }

  function useLoading(dataObject) {
    var _useState = React.useState(dataObject.isDataLoading()),
        _useState2 = _slicedToArray(_useState, 2),
        isLoading = _useState2[0],
        setLoading = _useState2[1];

    function setIsLoading() {
      setLoading(true);
    }

    function setIsNotLoading() {
      setLoading(false);
    }

    React.useEffect(function () {
      dataObject.attachEvent("onBeforeLoad", setIsLoading);
      dataObject.attachEvent("onDataLoaded", setIsNotLoading);
      dataObject.attachEvent("onDataLoadFailed", setIsNotLoading);
      dataObject.attachEvent("onPartialDataLoaded", setIsNotLoading);
      setLoading(dataObject.isDataLoading());
      return function () {
        dataObject.detachEvent("onBeforeLoad", setIsLoading);
        dataObject.detachEvent("onDataLoaded", setIsNotLoading);
        dataObject.detachEvent("onDataLoadFailed", setIsNotLoading);
        dataObject.detachEvent("onPartialDataLoaded", setIsNotLoading);
      };
    }, [dataObject]);
    return isLoading;
  }

  function getCurrentData(dataObject) {
    return dataObject.getPagingComponent().getCurrentData() || [];
  }

  function usePagedData(dataObject) {
    var _useState = React.useState(function () {
      return getCurrentData(dataObject);
    }),
        _useState2 = _slicedToArray(_useState, 2),
        currentData = _useState2[0],
        setCurrentData = _useState2[1];

    React.useEffect(function () {
      function updateData() {
        setCurrentData(_toConsumableArray(getCurrentData(dataObject)));
      }

      dataUpdateEvents.forEach(function (event) {
        return dataObject.attachEvent(event, updateData);
      });
      var pagingComponent = dataObject.getPagingComponent();
      pagingComponent.attach("on", "pageChange", updateData);
      pagingComponent.attach("on", "pageRefresh", updateData);
      updateData();
      return function () {
        dataUpdateEvents.forEach(function (event) {
          return dataObject.detachEvent(event, updateData);
        });
        pagingComponent.detach("on", "pageChange", updateData);
        pagingComponent.detach("on", "pageRefresh", updateData);
      };
    }, [dataObject]);
    return currentData;
  }

  function usePagedDataWithFilter(dataObject, filter) {
    var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "filterString";
    var data = usePagedData(dataObject);
    useFilter(dataObject, filter, type);
    return data;
  }

  function usePaging(dataObject) {
    var _useState = React.useState(function () {
      return dataObject.getPagingComponent().getCurrentPage();
    }),
        _useState2 = _slicedToArray(_useState, 2),
        page = _useState2[0],
        setPage = _useState2[1];

    var _useState3 = React.useState(function () {
      return dataObject.getPagingComponent().getPageCount();
    }),
        _useState4 = _slicedToArray(_useState3, 2),
        pageCount = _useState4[0],
        setPageCount = _useState4[1];

    React.useEffect(function () {
      var paging = dataObject.getPagingComponent();

      var updateCurrentPage = function updateCurrentPage() {
        return setPage(paging.getCurrentPage());
      };

      var updatePageCount = function updatePageCount() {
        return setPageCount(paging.getPageCount());
      };

      paging.attach("on", "pageChange", updateCurrentPage);
      paging.attach("on", "pageCountChange", updatePageCount);
      return function () {
        paging.detach("on", "pageChange", updateCurrentPage);
        paging.detach("on", "pageCountChange", updatePageCount);
      };
    }, [dataObject]);
    return {
      page: page,
      pageCount: pageCount,
      changePage: dataObject.getPagingComponent().changePage
    };
  }

  function useParameter(dataObject, parameter) {
    var _useState = React.useState(function () {
      return dataObject.getParameter(parameter);
    }),
        _useState2 = _slicedToArray(_useState, 2),
        value = _useState2[0],
        setValue = _useState2[1];

    React.useEffect(function () {
      function update() {
        setValue(dataObject.getParameter(parameter));
      }

      dataObject.attachEvent("onParameterUpdated", update);
      update();
      return function () {
        dataObject.detachEvent("onParameterUpdated", update);
      };
    }, [dataObject, parameter]);
    return value;
  }

  function usePermissions(dataObject) {
    var _useState = React.useState(dataObject.isDeleteAllowed()),
        _useState2 = _slicedToArray(_useState, 2),
        allowDelete = _useState2[0],
        setAllowDelete = _useState2[1];

    var _useState3 = React.useState(dataObject.isInsertAllowed()),
        _useState4 = _slicedToArray(_useState3, 2),
        allowInsert = _useState4[0],
        setAllowInsert = _useState4[1];

    var _useState5 = React.useState(dataObject.isUpdateAllowed()),
        _useState6 = _slicedToArray(_useState5, 2),
        allowUpdate = _useState6[0],
        setAllowUpdate = _useState6[1];

    React.useEffect(function () {
      var updateAllowDelete = function updateAllowDelete() {
        return setAllowDelete(dataObject.isDeleteAllowed());
      };

      var updateAllowInsert = function updateAllowInsert() {
        return setAllowInsert(dataObject.isInsertAllowed());
      };

      var updateAllowUpdate = function updateAllowUpdate() {
        return setAllowUpdate(dataObject.isUpdateAllowed());
      };

      dataObject.attachEvent("onAllowDeleteChanged", updateAllowDelete);
      dataObject.attachEvent("onAllowInsertChanged", updateAllowInsert);
      dataObject.attachEvent("onAllowUpdateChanged", updateAllowUpdate);
      updateAllowDelete();
      updateAllowInsert();
      updateAllowUpdate();
      return function () {
        dataObject.detachEvent("onAllowDeleteChanged", updateAllowDelete);
        dataObject.detachEvent("onAllowInsertChanged", updateAllowInsert);
        dataObject.detachEvent("onAllowUpdateChanged", updateAllowUpdate);
      };
    }, [dataObject]);
    return {
      allowDelete: allowDelete,
      allowInsert: allowInsert,
      allowUpdate: allowUpdate
    };
  }

  function useDeepCompareMemoize(value) {
    var ref = React.useRef();

    if (!fastDeepEqual(value, ref.current)) {
      ref.current = value;
    }

    return ref.current;
  }

  function useDeepCompareEffect(callback, dependencies) {
    React.useEffect(callback, useDeepCompareMemoize(dependencies));
  }
  function useProcedure(procedure, params) {
    var _useState = React.useState([]),
        _useState2 = _slicedToArray(_useState, 2),
        data = _useState2[0],
        setData = _useState2[1];

    var _useState3 = React.useState(null),
        _useState4 = _slicedToArray(_useState3, 2),
        error = _useState4[0],
        setError = _useState4[1];

    var _useState5 = React.useState(false),
        _useState6 = _slicedToArray(_useState5, 2),
        isExecuting = _useState6[0],
        setIsExecuting = _useState6[1];

    useDeepCompareEffect(function () {
      var isAborted = false;

      if (params && procedure) {
        setIsExecuting(true);
        procedure.execute(params, function (err, data) {
          if (!isAborted) {
            setIsExecuting(false);

            if (err) {
              setError(err);
              setData([]);
            } else {
              setData(data);
              setError(null);
            }
          }
        });
      }

      return function () {
        isAborted = true;
      }; // eslint-disable-next-line react-hooks/exhaustive-deps
    }, [procedure, params]);
    return {
      data: data,
      error: error,
      isExecuting: isExecuting
    };
  }

  function useStatus(dataObject) {
    var _useState = React.useState(false),
        _useState2 = _slicedToArray(_useState, 2),
        isSaving = _useState2[0],
        setIsSaving = _useState2[1];

    var _useState3 = React.useState(false),
        _useState4 = _slicedToArray(_useState3, 2),
        isDeleting = _useState4[0],
        setIsDeleting = _useState4[1];

    function setSaving() {
      setIsSaving(true);
    }

    function setNotSaving() {
      setIsSaving(false);
    }

    function setDeleting() {
      setIsDeleting(true);
    }

    function setNotDeleting() {
      setIsDeleting(false);
    }

    React.useEffect(function () {
      dataObject.attachEvent("onBeforeSave", setSaving);
      dataObject.attachEvent("onAfterSave", setNotSaving);
      dataObject.attachEvent("onSaveFailed", setNotSaving);
      dataObject.attachEvent("onRecordDeleting", setDeleting);
      dataObject.attachEvent("onRecordDeleted", setNotDeleting);
      return function () {
        dataObject.detachEvent("onBeforeSave", setSaving);
        dataObject.detachEvent("onAfterSave", setNotSaving);
        dataObject.detachEvent("onSaveFailed", setNotSaving);
        dataObject.detachEvent("onRecordDeleting", setDeleting);
        dataObject.detachEvent("onRecordDeleted", setNotDeleting);
      };
    }, [dataObject]);
    return {
      isDeleting: isDeleting,
      isSaving: isSaving
    };
  }

  var SimpleDataHandler =
  /*#__PURE__*/
  function () {
    function SimpleDataHandler(dataObject) {
      _classCallCheck(this, SimpleDataHandler);

      var data = window.af.data;
      this.dataObject = dataObject;
      this.fields = dataObject.getFields();
      this.dataHandler = new data.DataProviderHandler({
        dataSourceId: dataObject.getDataSourceId(),
        timeout: 30000
      });
    }

    _createClass(SimpleDataHandler, [{
      key: "arrayRecordToObject",
      value: function arrayRecordToObject(record) {
        var obj = {};

        for (var i = 0; i < record.length; i++) {
          obj[this.fields[i].name] = record[i];
        }

        return obj;
      }
    }, {
      key: "createRecord",
      value: function createRecord(record) {
        var _this = this;

        return new Promise(function (resolve, reject) {
          _this.dataHandler.create(record, function (error, data) {
            if (error !== null) {
              reject(error);
            } else {
              resolve(_this.arrayRecordToObject(data));
            }
          });
        });
      }
    }, {
      key: "deleteRecord",
      value: function deleteRecord(filter) {
        var _this2 = this;

        return new Promise(function (resolve, reject) {
          _this2.dataHandler.destroy(filter, function (error, data) {
            if (error !== null) {
              reject(error);
            } else {
              resolve(_this2.arrayRecordToObject(data));
            }
          });
        });
      }
    }, {
      key: "getData",
      value: function getData(filter) {
        var _this3 = this;

        return new Promise(function (resolve, reject) {
          var filterData = {
            filterString: "",
            whereClause: typeof filter === "string" ? filter : "",
            whereObject: _typeof(filter) === "object" ? filter : null
          };

          _this3.dataHandler.retrieve(filterData, function (error, data) {
            if (error !== null) {
              reject(error);
            } else {
              var records = [];
              var _iteratorNormalCompletion = true;
              var _didIteratorError = false;
              var _iteratorError = undefined;

              try {
                for (var _iterator = data[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
                  var item = _step.value;
                  records.push(_this3.arrayRecordToObject(item));
                }
              } catch (err) {
                _didIteratorError = true;
                _iteratorError = err;
              } finally {
                try {
                  if (!_iteratorNormalCompletion && _iterator.return != null) {
                    _iterator.return();
                  }
                } finally {
                  if (_didIteratorError) {
                    throw _iteratorError;
                  }
                }
              }

              resolve(records);
            }
          });
        });
      }
    }, {
      key: "updateRecord",
      value: function updateRecord(record) {
        var _this4 = this;

        return new Promise(function (resolve, reject) {
          _this4.dataHandler.update(record, function (error, data) {
            if (error !== null) {
              reject(error);
            } else {
              resolve(_this4.arrayRecordToObject(data));
            }
          });
        });
      }
    }]);

    return SimpleDataHandler;
  }();

  exports.SimpleDataHandler = SimpleDataHandler;
  exports.connect = connect;
  exports.connectRow = connectRow;
  exports.connectedProperties = properties;
  exports.getData = getData;
  exports.useCurrentIndex = useCurrentIndex;
  exports.useCurrentRow = useCurrentRow;
  exports.useData = useData;
  exports.useDataLength = useDataLength;
  exports.useDataWithFilter = useDataWithFilter;
  exports.useDirty = useDirty;
  exports.useError = useError;
  exports.useFetchData = useFetchData;
  exports.useFetchRecord = useFetchRecord;
  exports.useFilter = useFilter;
  exports.useLoading = useLoading;
  exports.usePagedData = usePagedData;
  exports.usePagedDataWithFilter = usePagedDataWithFilter;
  exports.usePaging = usePaging;
  exports.useParameter = useParameter;
  exports.usePermissions = usePermissions;
  exports.useProcedure = useProcedure;
  exports.useStatus = useStatus;

  Object.defineProperty(exports, '__esModule', { value: true });

}));