@olenbetong/react-data-object-connect/dist/umd/dataObjectHooks.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.dataObjectHooks = {}, global.React));
}(this, function (exports, react) { 'use strict';

  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 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
    };
  }

  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 });

}));