@webiny/app 5.44.1-beta.0 → 5.45.0-beta.0

package/hooks/useAutocomplete/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_useAutocomplete","require"],"sources":["index.ts"],"sourcesContent":["export { useAutocomplete } from \"./useAutocomplete\";\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["useAutocomplete"],"sources":["index.ts"],"sourcesContent":["export { useAutocomplete } from \"./useAutocomplete.js\";\n"],"mappings":"AAAA,SAASA,eAAe","ignoreList":[]}

package/hooks/useAutocomplete/useAutocomplete.d.ts

@@ -1,4 +1,4 @@
-import { DocumentNode } from "graphql";
+import type { DocumentNode } from "graphql";
 interface UseAutocompleteHook {
     options: any[];
     onInput(value: string): void;

package/hooks/useAutocomplete/useAutocomplete.js

@@ -1,24 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useAutocomplete = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _useDataList = require("../useDataList");
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
-var useAutocomplete = exports.useAutocomplete = function useAutocomplete(props) {
-  var dataList = (0, _useDataList.useDataList)((0, _objectSpread2.default)({
-    useRouter: false
-  }, props));
+import { useDataList } from "../useDataList/index.js";
+import debounce from "lodash/debounce.js";
+export const useAutocomplete = props => {
+  const dataList = useDataList(props);
   return {
     options: dataList.data || [],
-    onInput: (0, _debounce.default)(function (query) {
+    onInput: debounce(query => {
       if (!query) {
         return;
       }
-      var search = props.search || query;
+      let search = props.search || query;
       if (typeof search === "function") {
         search = search(query);
       }

package/hooks/useAutocomplete/useAutocomplete.js.map

@@ -1 +1 @@
-{"version":3,"names":["_useDataList","require","_debounce","_interopRequireDefault","useAutocomplete","exports","props","dataList","useDataList","_objectSpread2","default","useRouter","options","data","onInput","debounce","query","search","setSearch"],"sources":["useAutocomplete.ts"],"sourcesContent":["import { useDataList } from \"../useDataList\";\nimport debounce from \"lodash/debounce\";\nimport { DocumentNode } from \"graphql\";\n\ninterface UseAutocompleteHook {\n    options: any[];\n    onInput(value: string): void;\n}\n\ninterface Props {\n    query: DocumentNode;\n    search?: string | ((value: string) => string);\n}\n\nexport const useAutocomplete = (props: Props): UseAutocompleteHook => {\n    const dataList = useDataList({ useRouter: false, ...props });\n\n    return {\n        options: dataList.data || [],\n        onInput: debounce(query => {\n            if (!query) {\n                return;\n            }\n\n            let search = props.search || query;\n            if (typeof search === \"function\") {\n                search = search(query);\n            }\n\n            dataList.setSearch(search);\n        }, 250)\n    };\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AAaO,IAAMG,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAIE,KAAY,EAA0B;EAClE,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,MAAAC,cAAA,CAAAC,OAAA;IAAGC,SAAS,EAAE;EAAK,GAAKL,KAAK,CAAE,CAAC;EAE5D,OAAO;IACHM,OAAO,EAAEL,QAAQ,CAACM,IAAI,IAAI,EAAE;IAC5BC,OAAO,EAAE,IAAAC,iBAAQ,EAAC,UAAAC,KAAK,EAAI;MACvB,IAAI,CAACA,KAAK,EAAE;QACR;MACJ;MAEA,IAAIC,MAAM,GAAGX,KAAK,CAACW,MAAM,IAAID,KAAK;MAClC,IAAI,OAAOC,MAAM,KAAK,UAAU,EAAE;QAC9BA,MAAM,GAAGA,MAAM,CAACD,KAAK,CAAC;MAC1B;MAEAT,QAAQ,CAACW,SAAS,CAACD,MAAM,CAAC;IAC9B,CAAC,EAAE,GAAG;EACV,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["useDataList","debounce","useAutocomplete","props","dataList","options","data","onInput","query","search","setSearch"],"sources":["useAutocomplete.ts"],"sourcesContent":["import { useDataList } from \"../useDataList/index.js\";\nimport debounce from \"lodash/debounce.js\";\nimport type { DocumentNode } from \"graphql\";\n\ninterface UseAutocompleteHook {\n    options: any[];\n    onInput(value: string): void;\n}\n\ninterface Props {\n    query: DocumentNode;\n    search?: string | ((value: string) => string);\n}\n\nexport const useAutocomplete = (props: Props): UseAutocompleteHook => {\n    const dataList = useDataList(props);\n\n    return {\n        options: dataList.data || [],\n        onInput: debounce(query => {\n            if (!query) {\n                return;\n            }\n\n            let search = props.search || query;\n            if (typeof search === \"function\") {\n                search = search(query);\n            }\n\n            dataList.setSearch(search);\n        }, 250)\n    };\n};\n"],"mappings":"AAAA,SAASA,WAAW;AACpB,OAAOC,QAAQ,MAAM,oBAAoB;AAazC,OAAO,MAAMC,eAAe,GAAIC,KAAY,IAA0B;EAClE,MAAMC,QAAQ,GAAGJ,WAAW,CAACG,KAAK,CAAC;EAEnC,OAAO;IACHE,OAAO,EAAED,QAAQ,CAACE,IAAI,IAAI,EAAE;IAC5BC,OAAO,EAAEN,QAAQ,CAACO,KAAK,IAAI;MACvB,IAAI,CAACA,KAAK,EAAE;QACR;MACJ;MAEA,IAAIC,MAAM,GAAGN,KAAK,CAACM,MAAM,IAAID,KAAK;MAClC,IAAI,OAAOC,MAAM,KAAK,UAAU,EAAE;QAC9BA,MAAM,GAAGA,MAAM,CAACD,KAAK,CAAC;MAC1B;MAEAJ,QAAQ,CAACM,SAAS,CAACD,MAAM,CAAC;IAC9B,CAAC,EAAE,GAAG;EACV,CAAC;AACL,CAAC","ignoreList":[]}

package/hooks/useDataList/functions/getData.js

@@ -1,13 +1,4 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _searchDataByKey = _interopRequireDefault(require("./searchDataByKey"));
-var _default = exports.default = function _default(response) {
-  return (0, _searchDataByKey.default)("data", response);
-};
+import searchDataByKey from "./searchDataByKey.js";
+export default response => searchDataByKey("data", response);
 
 //# sourceMappingURL=getData.js.map

package/hooks/useDataList/functions/getData.js.map

@@ -1 +1 @@
-{"version":3,"names":["_searchDataByKey","_interopRequireDefault","require","_default","exports","default","response","searchDataByKey"],"sources":["getData.ts"],"sourcesContent":["import searchDataByKey from \"./searchDataByKey\";\n\nexport default (response: Record<string, string>) => searchDataByKey(\"data\", response);\n"],"mappings":";;;;;;;AAAA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAgD,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEjC,SAAAF,SAACG,QAAgC;EAAA,OAAK,IAAAC,wBAAe,EAAC,MAAM,EAAED,QAAQ,CAAC;AAAA","ignoreList":[]}
+{"version":3,"names":["searchDataByKey","response"],"sources":["getData.ts"],"sourcesContent":["import searchDataByKey from \"./searchDataByKey.js\";\n\nexport default (response: Record<string, string>) => searchDataByKey(\"data\", response);\n"],"mappings":"AAAA,OAAOA,eAAe;AAEtB,eAAgBC,QAAgC,IAAKD,eAAe,CAAC,MAAM,EAAEC,QAAQ,CAAC","ignoreList":[]}

package/hooks/useDataList/functions/getError.js

@@ -1,13 +1,4 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _searchDataByKey = _interopRequireDefault(require("./searchDataByKey"));
-var _default = exports.default = function _default(response) {
-  return (0, _searchDataByKey.default)("error", response);
-};
+import searchDataByKey from "./searchDataByKey.js";
+export default response => searchDataByKey("error", response);
 
 //# sourceMappingURL=getError.js.map

package/hooks/useDataList/functions/getError.js.map

@@ -1 +1 @@
-{"version":3,"names":["_searchDataByKey","_interopRequireDefault","require","_default","exports","default","response","searchDataByKey"],"sources":["getError.ts"],"sourcesContent":["import searchDataByKey from \"./searchDataByKey\";\n\nexport default (response: Record<string, string>) => searchDataByKey(\"error\", response);\n"],"mappings":";;;;;;;AAAA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAgD,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEjC,SAAAF,SAACG,QAAgC;EAAA,OAAK,IAAAC,wBAAe,EAAC,OAAO,EAAED,QAAQ,CAAC;AAAA","ignoreList":[]}
+{"version":3,"names":["searchDataByKey","response"],"sources":["getError.ts"],"sourcesContent":["import searchDataByKey from \"./searchDataByKey.js\";\n\nexport default (response: Record<string, string>) => searchDataByKey(\"error\", response);\n"],"mappings":"AAAA,OAAOA,eAAe;AAEtB,eAAgBC,QAAgC,IAAKD,eAAe,CAAC,OAAO,EAAEC,QAAQ,CAAC","ignoreList":[]}

package/hooks/useDataList/functions/getMeta.js

@@ -1,13 +1,4 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _searchDataByKey = _interopRequireDefault(require("./searchDataByKey"));
-var _default = exports.default = function _default(response) {
-  return (0, _searchDataByKey.default)("meta", response);
-};
+import searchDataByKey from "./searchDataByKey.js";
+export default response => searchDataByKey("meta", response);
 
 //# sourceMappingURL=getMeta.js.map

package/hooks/useDataList/functions/getMeta.js.map

@@ -1 +1 @@
-{"version":3,"names":["_searchDataByKey","_interopRequireDefault","require","_default","exports","default","response","searchDataByKey"],"sources":["getMeta.ts"],"sourcesContent":["import searchDataByKey from \"./searchDataByKey\";\n\nexport default (response: Record<string, string>) => searchDataByKey(\"meta\", response);\n"],"mappings":";;;;;;;AAAA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAgD,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEjC,SAAAF,SAACG,QAAgC;EAAA,OAAK,IAAAC,wBAAe,EAAC,MAAM,EAAED,QAAQ,CAAC;AAAA","ignoreList":[]}
+{"version":3,"names":["searchDataByKey","response"],"sources":["getMeta.ts"],"sourcesContent":["import searchDataByKey from \"./searchDataByKey.js\";\n\nexport default (response: Record<string, string>) => searchDataByKey(\"meta\", response);\n"],"mappings":"AAAA,OAAOA,eAAe;AAEtB,eAAgBC,QAAgC,IAAKD,eAAe,CAAC,MAAM,EAAEC,QAAQ,CAAC","ignoreList":[]}

package/hooks/useDataList/functions/index.d.ts

@@ -1,3 +1,3 @@
-export { default as getData } from "./getData";
-export { default as getError } from "./getError";
-export { default as getMeta } from "./getMeta";
+export { default as getData } from "./getData.js";
+export { default as getError } from "./getError.js";
+export { default as getMeta } from "./getMeta.js";

package/hooks/useDataList/functions/index.js

@@ -1,29 +1,5 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "getData", {
-  enumerable: true,
-  get: function get() {
-    return _getData.default;
-  }
-});
-Object.defineProperty(exports, "getError", {
-  enumerable: true,
-  get: function get() {
-    return _getError.default;
-  }
-});
-Object.defineProperty(exports, "getMeta", {
-  enumerable: true,
-  get: function get() {
-    return _getMeta.default;
-  }
-});
-var _getData = _interopRequireDefault(require("./getData"));
-var _getError = _interopRequireDefault(require("./getError"));
-var _getMeta = _interopRequireDefault(require("./getMeta"));
+export { default as getData } from "./getData.js";
+export { default as getError } from "./getError.js";
+export { default as getMeta } from "./getMeta.js";
 
 //# sourceMappingURL=index.js.map

package/hooks/useDataList/functions/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_getData","_interopRequireDefault","require","_getError","_getMeta"],"sources":["index.ts"],"sourcesContent":["export { default as getData } from \"./getData\";\nexport { default as getError } from \"./getError\";\nexport { default as getMeta } from \"./getMeta\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["default","getData","getError","getMeta"],"sources":["index.ts"],"sourcesContent":["export { default as getData } from \"./getData.js\";\nexport { default as getError } from \"./getError.js\";\nexport { default as getMeta } from \"./getMeta.js\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAAO;AAC3B,SAASD,OAAO,IAAIE,QAAQ;AAC5B,SAASF,OAAO,IAAIG,OAAO","ignoreList":[]}

package/hooks/useDataList/functions/searchDataByKey.js

@@ -1,24 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _searchDataByKey = function searchDataByKey(searchKey, object) {
+const searchDataByKey = (searchKey, object) => {
   if (!object || typeof object !== "object") {
     return null;
   }
   if (object[searchKey]) {
     return object[searchKey];
   }
-  for (var key in object) {
-    var value = _searchDataByKey(searchKey, object[key]);
+  for (const key in object) {
+    const value = searchDataByKey(searchKey, object[key]);
     if (value) {
       return value;
     }
   }
   return null;
 };
-var _default = exports.default = _searchDataByKey;
+export default searchDataByKey;
 
 //# sourceMappingURL=searchDataByKey.js.map

package/hooks/useDataList/functions/searchDataByKey.js.map

@@ -1 +1 @@
-{"version":3,"names":["searchDataByKey","searchKey","object","key","value","_default","exports","default"],"sources":["searchDataByKey.ts"],"sourcesContent":["const searchDataByKey = (searchKey: string, object: Record<string, any>): string | null => {\n    if (!object || typeof object !== \"object\") {\n        return null;\n    }\n\n    if (object[searchKey]) {\n        return object[searchKey];\n    }\n\n    for (const key in object) {\n        const value = searchDataByKey(searchKey, object[key]);\n        if (value) {\n            return value;\n        }\n    }\n\n    return null;\n};\n\nexport default searchDataByKey;\n"],"mappings":";;;;;;AAAA,IAAMA,gBAAe,GAAG,SAAlBA,eAAeA,CAAIC,SAAiB,EAAEC,MAA2B,EAAoB;EACvF,IAAI,CAACA,MAAM,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;IACvC,OAAO,IAAI;EACf;EAEA,IAAIA,MAAM,CAACD,SAAS,CAAC,EAAE;IACnB,OAAOC,MAAM,CAACD,SAAS,CAAC;EAC5B;EAEA,KAAK,IAAME,GAAG,IAAID,MAAM,EAAE;IACtB,IAAME,KAAK,GAAGJ,gBAAe,CAACC,SAAS,EAAEC,MAAM,CAACC,GAAG,CAAC,CAAC;IACrD,IAAIC,KAAK,EAAE;MACP,OAAOA,KAAK;IAChB;EACJ;EAEA,OAAO,IAAI;AACf,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaP,gBAAe","ignoreList":[]}
+{"version":3,"names":["searchDataByKey","searchKey","object","key","value"],"sources":["searchDataByKey.ts"],"sourcesContent":["const searchDataByKey = (searchKey: string, object: Record<string, any>): string | null => {\n    if (!object || typeof object !== \"object\") {\n        return null;\n    }\n\n    if (object[searchKey]) {\n        return object[searchKey];\n    }\n\n    for (const key in object) {\n        const value = searchDataByKey(searchKey, object[key]);\n        if (value) {\n            return value;\n        }\n    }\n\n    return null;\n};\n\nexport default searchDataByKey;\n"],"mappings":"AAAA,MAAMA,eAAe,GAAGA,CAACC,SAAiB,EAAEC,MAA2B,KAAoB;EACvF,IAAI,CAACA,MAAM,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;IACvC,OAAO,IAAI;EACf;EAEA,IAAIA,MAAM,CAACD,SAAS,CAAC,EAAE;IACnB,OAAOC,MAAM,CAACD,SAAS,CAAC;EAC5B;EAEA,KAAK,MAAME,GAAG,IAAID,MAAM,EAAE;IACtB,MAAME,KAAK,GAAGJ,eAAe,CAACC,SAAS,EAAEC,MAAM,CAACC,GAAG,CAAC,CAAC;IACrD,IAAIC,KAAK,EAAE;MACP,OAAOA,KAAK;IAChB;EACJ;EAEA,OAAO,IAAI;AACf,CAAC;AAED,eAAeJ,eAAe","ignoreList":[]}

package/hooks/useDataList/index.d.ts

@@ -1 +1 @@
-export { useDataList } from "./useDataList";
+export { useDataList } from "./useDataList.js";

package/hooks/useDataList/index.js

@@ -1,14 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "useDataList", {
-  enumerable: true,
-  get: function get() {
-    return _useDataList.useDataList;
-  }
-});
-var _useDataList = require("./useDataList");
+export { useDataList } from "./useDataList.js";
 
 //# sourceMappingURL=index.js.map

package/hooks/useDataList/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_useDataList","require"],"sources":["index.ts"],"sourcesContent":["export { useDataList } from \"./useDataList\";\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["useDataList"],"sources":["index.ts"],"sourcesContent":["export { useDataList } from \"./useDataList.js\";\n"],"mappings":"AAAA,SAASA,WAAW","ignoreList":[]}

package/hooks/useDataList/useDataList.d.ts

@@ -1,7 +1,6 @@
-import { DocumentNode } from "graphql";
-import { ApolloClient } from "apollo-client";
+import type { DocumentNode } from "graphql";
+import type { ApolloClient } from "apollo-client";
 export interface UseDataListParams {
-    useRouter?: boolean;
     variables?: ((params: UseDataListParams) => any) | object;
     client?: ApolloClient<any>;
     query: DocumentNode;

package/hooks/useDataList/useDataList.js

@@ -1,123 +1,101 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDataList = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _reactHooks = require("@apollo/react-hooks");
-var _reactRouter = require("@webiny/react-router");
-var _get = _interopRequireDefault(require("lodash/get"));
-var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
-var _utils = require("./utils");
-var _functions = require("./functions");
-var useDataList = exports.useDataList = function useDataList(params) {
-  var _useState = (0, _react.useState)([]),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    multiSelectedItems = _useState2[0],
-    _multiSelect = _useState2[1];
-  var history = null;
-  /**
-   * TODO: figure out the location type.
-   */
-  var location = null;
-  var routerHook = (0, _reactRouter.useRouter)();
-  if (params.useRouter !== false) {
-    history = routerHook.history;
-    location = routerHook.location;
-  }
-  var getQueryOptions = (0, _react.useCallback)(function () {
-    var variables = params.variables;
+import { useCallback, useEffect, useRef, useState } from "react";
+import { useQuery } from "@apollo/react-hooks";
+import get from "lodash/get.js";
+import isEqual from "lodash/isEqual.js";
+import { prepareLoadListParams } from "./utils/index.js";
+import { getData, getError, getMeta } from "./functions/index.js";
+const useDataList = params => {
+  const [multiSelectedItems, multiSelect] = useState([]);
+  const getQueryOptions = useCallback(() => {
+    let variables = params.variables;
     if (typeof variables === "function") {
       variables = variables(params);
     }
     return {
       client: params.client,
-      variables: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, variables), (0, _utils.prepareLoadListParams)(location))
+      variables: {
+        ...variables,
+        ...prepareLoadListParams()
+      }
     };
   }, []);
-  var queryData = (0, _reactHooks.useQuery)(params.query, getQueryOptions());
-  var prevLoadParamsRef = (0, _react.useRef)({});
-  var dataListProps = {
-    data: (0, _get.default)(params, "getData", _functions.getData)(queryData.data),
-    meta: (0, _get.default)(params, "getMeta", _functions.getMeta)(queryData.data),
-    error: (0, _get.default)(params, "getError", _functions.getError)(queryData.data),
+  const queryData = useQuery(params.query, getQueryOptions());
+  const prevLoadParamsRef = useRef({});
+  const dataListProps = {
+    data: get(params, "getData", getData)(queryData.data),
+    meta: get(params, "getMeta", getMeta)(queryData.data),
+    error: get(params, "getError", getError)(queryData.data),
     loading: queryData.loading,
-    init: function init() {
+    init() {
       this.refresh();
     },
-    refresh: function refresh() {
-      var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    refresh(params = null) {
       // Refresh multi select first.
-      _multiSelect([]);
+      multiSelect([]);
       if (!params) {
         queryData.refetch(dataListProps.__loadParams);
         return;
       }
-
-      // if (history) {
-      //     redirectToRouteWithQueryParams(params, { history, location });
-      //     return;
-      // }
-
       queryData.refetch(params);
     },
-    setPerPage: function setPerPage(perPage) {
-      var preparedParams = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dataListProps.__loadParams), {}, {
+    setPerPage(perPage) {
+      const preparedParams = {
+        ...dataListProps.__loadParams,
         limit: parseInt("" + perPage),
         after: undefined,
         before: undefined
-      });
+      };
       this.refresh(preparedParams);
     },
-    setNextPage: function setNextPage(cursor) {
-      var preparedParams = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dataListProps.__loadParams), {}, {
+    setNextPage(cursor) {
+      const preparedParams = {
+        ...dataListProps.__loadParams,
         after: cursor,
         before: undefined
-      });
+      };
       this.refresh(preparedParams);
     },
-    setPreviousPage: function setPreviousPage(cursor) {
-      var preparedParams = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dataListProps.__loadParams), {}, {
+    setPreviousPage(cursor) {
+      const preparedParams = {
+        ...dataListProps.__loadParams,
         after: undefined,
         before: cursor
-      });
+      };
       this.refresh(preparedParams);
     },
-    setSearch: function setSearch(search) {
-      var preparedParams = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dataListProps.__loadParams), {}, {
-        search: search,
+    setSearch(search) {
+      const preparedParams = {
+        ...dataListProps.__loadParams,
+        search,
         after: undefined,
         before: undefined
-      });
+      };
       this.refresh(preparedParams);
     },
-    setWhere: function setWhere(where) {
-      var preparedParams = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dataListProps.__loadParams), {}, {
-        where: where,
+    setWhere(where) {
+      const preparedParams = {
+        ...dataListProps.__loadParams,
+        where,
         after: undefined,
         before: undefined
-      });
+      };
       this.refresh(preparedParams);
     },
-    setSorters: function setSorters(sort) {
-      var preparedParams = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dataListProps.__loadParams), {}, {
-        sort: sort,
+    setSorters(sort) {
+      const preparedParams = {
+        ...dataListProps.__loadParams,
+        sort,
         after: undefined,
         before: undefined
-      });
+      };
       this.refresh(preparedParams);
     },
-    multiSelect: function multiSelect(items, value) {
+    multiSelect(items, value) {
       if (!Array.isArray(items)) {
         items = [items];
       }
-      var returnItems = (0, _toConsumableArray2.default)(multiSelectedItems);
-      items.forEach(function (item) {
+      const returnItems = [...multiSelectedItems];
+      items.forEach(item => {
         if (value === undefined) {
           returnItems.includes(item) ? returnItems.splice(returnItems.indexOf(item), 1) : returnItems.push(item);
         } else {
@@ -128,56 +106,58 @@ var useDataList = exports.useDataList = function useDataList(params) {
           }
         }
       });
-      _multiSelect(returnItems);
+      multiSelect(returnItems);
     },
-    isSelected: function isSelected(item) {
-      var query = new URLSearchParams(location.search);
+    isSelected(item) {
+      const query = new URLSearchParams(location.search);
       return query.get("id") === item.id;
     },
-    select: function select(item) {
-      var query = new URLSearchParams(location.search);
+    select(item) {
+      const query = new URLSearchParams(location.search);
       query.set("id", item.id);
-      history.push({
-        search: query.toString()
-      });
     },
-    isMultiSelected: function isMultiSelected(item) {
+    isMultiSelected(item) {
       if (!Array.isArray(multiSelectedItems)) {
         return false;
       }
       return multiSelectedItems.includes(item);
     },
-    isNoneMultiSelected: function isNoneMultiSelected() {
+    isNoneMultiSelected() {
       return multiSelectedItems.length === 0;
     },
-    getMultiSelected: function getMultiSelected() {
+    getMultiSelected() {
       return multiSelectedItems;
     },
-    multiSelectAll: function multiSelectAll(value) {
-      var data = dataListProps.data;
+    multiSelectAll(value) {
+      const {
+        data
+      } = dataListProps;
       if (Array.isArray(data)) {
         dataListProps.multiSelect(data, value);
       } else {
         dataListProps.multiSelect([], value);
       }
     },
-    isAllMultiSelected: function isAllMultiSelected() {
-      var data = dataListProps.data;
+    isAllMultiSelected() {
+      const {
+        data
+      } = dataListProps;
       return Array.isArray(data) && multiSelectedItems.length === data.length;
     },
-    __loadParams: (0, _utils.prepareLoadListParams)(location)
+    __loadParams: prepareLoadListParams(location)
   };
-  (0, _react.useEffect)(function () {
-    var params = {
+  useEffect(() => {
+    const params = {
       prev: prevLoadParamsRef.current,
       current: dataListProps.__loadParams
     };
-    if (!(0, _isEqual.default)(params.prev, params.current)) {
+    if (!isEqual(params.prev, params.current)) {
       dataListProps.init();
     }
     prevLoadParamsRef.current = params.current;
   });
   return dataListProps;
 };
+export { useDataList };
 
 //# sourceMappingURL=useDataList.js.map

package/hooks/useDataList/useDataList.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactHooks","_reactRouter","_get","_interopRequireDefault","_isEqual","_utils","_functions","useDataList","exports","params","_useState","useState","_useState2","_slicedToArray2","default","multiSelectedItems","multiSelect","history","location","routerHook","useRouter","getQueryOptions","useCallback","variables","client","_objectSpread2","prepareLoadListParams","queryData","useQuery","query","prevLoadParamsRef","useRef","dataListProps","data","get","getData","meta","getMeta","error","getError","loading","init","refresh","arguments","length","undefined","refetch","__loadParams","setPerPage","perPage","preparedParams","limit","parseInt","after","before","setNextPage","cursor","setPreviousPage","setSearch","search","setWhere","where","setSorters","sort","items","value","Array","isArray","returnItems","_toConsumableArray2","forEach","item","includes","splice","indexOf","push","isSelected","URLSearchParams","id","select","set","toString","isMultiSelected","isNoneMultiSelected","getMultiSelected","multiSelectAll","isAllMultiSelected","useEffect","prev","current","isEqual"],"sources":["useDataList.ts"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from \"react\";\nimport { useQuery } from \"@apollo/react-hooks\";\nimport { useRouter } from \"@webiny/react-router\";\nimport get from \"lodash/get\";\nimport isEqual from \"lodash/isEqual\";\nimport { prepareLoadListParams } from \"./utils\";\nimport { getData, getError, getMeta } from \"./functions\";\n\nimport { DocumentNode } from \"graphql\";\nimport { ApolloClient } from \"apollo-client\";\n\nexport interface UseDataListParams {\n    useRouter?: boolean;\n    variables?: ((params: UseDataListParams) => any) | object;\n    client?: ApolloClient<any>;\n    query: DocumentNode;\n    getData?: (data: any) => any;\n    getMeta?: (data: any) => any;\n    getError?: (data: any) => any;\n}\n\nexport interface DataListProps {\n    __loadParams: any;\n    refresh: (params?: any) => void;\n    data: any[];\n    meta: any;\n    error: any;\n    loading: boolean;\n    isSelected: (item: any) => boolean;\n    select: (item: any) => void;\n    isMultiSelected: (item: any) => boolean;\n    isNoneMultiSelected: () => boolean;\n    isAllMultiSelected: () => boolean;\n    multiSelectAll: (value: boolean) => void;\n    getMultiSelected: () => any[];\n    setSearch: (search: any) => void;\n    setWhere: (where: any) => void;\n    setSorters: (sort: any) => void;\n    setPerPage: (perPage: number) => void;\n    setPreviousPage: (cursor: string) => void;\n    setNextPage: (cursor: string) => void;\n    multiSelect: (items: string | string[], value?: boolean) => void;\n    init: () => void;\n}\n\nconst useDataList = (params: UseDataListParams) => {\n    const [multiSelectedItems, multiSelect] = useState<string[]>([]);\n\n    let history = null;\n    /**\n     * TODO: figure out the location type.\n     */\n    let location: any = null;\n    const routerHook = useRouter();\n\n    if (params.useRouter !== false) {\n        history = routerHook.history;\n        location = routerHook.location;\n    }\n\n    const getQueryOptions = useCallback(() => {\n        let variables = params.variables;\n        if (typeof variables === \"function\") {\n            variables = variables(params);\n        }\n\n        return {\n            client: params.client,\n            variables: {\n                ...variables,\n                ...prepareLoadListParams(location)\n            }\n        };\n    }, []);\n\n    const queryData = useQuery(params.query, getQueryOptions());\n    const prevLoadParamsRef = useRef({});\n\n    const dataListProps: DataListProps = {\n        data: get(params, \"getData\", getData)(queryData.data),\n        meta: get(params, \"getMeta\", getMeta)(queryData.data),\n        error: get(params, \"getError\", getError)(queryData.data),\n\n        loading: queryData.loading,\n        init() {\n            this.refresh();\n        },\n        refresh(params = null): void {\n            // Refresh multi select first.\n            multiSelect([]);\n\n            if (!params) {\n                queryData.refetch(dataListProps.__loadParams);\n                return;\n            }\n\n            // if (history) {\n            //     redirectToRouteWithQueryParams(params, { history, location });\n            //     return;\n            // }\n\n            queryData.refetch(params);\n        },\n        setPerPage(perPage: number): void {\n            const preparedParams = {\n                ...dataListProps.__loadParams,\n                limit: parseInt(\"\" + perPage),\n                after: undefined,\n                before: undefined\n            };\n            this.refresh(preparedParams);\n        },\n        setNextPage(cursor: string): void {\n            const preparedParams = {\n                ...dataListProps.__loadParams,\n                after: cursor,\n                before: undefined\n            };\n            this.refresh(preparedParams);\n        },\n        setPreviousPage(cursor: string): void {\n            const preparedParams = {\n                ...dataListProps.__loadParams,\n                after: undefined,\n                before: cursor\n            };\n            this.refresh(preparedParams);\n        },\n        setSearch(search): void {\n            const preparedParams = {\n                ...dataListProps.__loadParams,\n                search,\n                after: undefined,\n                before: undefined\n            };\n            this.refresh(preparedParams);\n        },\n        setWhere(where): void {\n            const preparedParams = {\n                ...dataListProps.__loadParams,\n                where,\n                after: undefined,\n                before: undefined\n            };\n            this.refresh(preparedParams);\n        },\n        setSorters(sort): void {\n            const preparedParams = {\n                ...dataListProps.__loadParams,\n                sort,\n                after: undefined,\n                before: undefined\n            };\n            this.refresh(preparedParams);\n        },\n        multiSelect(items, value): void {\n            if (!Array.isArray(items)) {\n                items = [items];\n            }\n\n            const returnItems = [...multiSelectedItems];\n\n            items.forEach(item => {\n                if (value === undefined) {\n                    returnItems.includes(item)\n                        ? returnItems.splice(returnItems.indexOf(item), 1)\n                        : returnItems.push(item);\n                } else {\n                    if (value === true) {\n                        !returnItems.includes(item) && returnItems.push(item);\n                    } else {\n                        returnItems.includes(item) &&\n                            returnItems.splice(returnItems.indexOf(item), 1);\n                    }\n                }\n            });\n\n            multiSelect(returnItems);\n        },\n        isSelected(item) {\n            const query = new URLSearchParams(location.search);\n            return query.get(\"id\") === item.id;\n        },\n        select(item) {\n            const query = new URLSearchParams(location.search);\n            query.set(\"id\", item.id);\n            history.push({ search: query.toString() });\n        },\n        isMultiSelected(item) {\n            if (!Array.isArray(multiSelectedItems)) {\n                return false;\n            }\n\n            return multiSelectedItems.includes(item);\n        },\n        isNoneMultiSelected() {\n            return multiSelectedItems.length === 0;\n        },\n        getMultiSelected() {\n            return multiSelectedItems;\n        },\n        multiSelectAll(value: boolean): void {\n            const { data } = dataListProps;\n            if (Array.isArray(data)) {\n                dataListProps.multiSelect(data, value);\n            } else {\n                dataListProps.multiSelect([], value);\n            }\n        },\n        isAllMultiSelected(): boolean {\n            const { data } = dataListProps;\n\n            return Array.isArray(data) && multiSelectedItems.length === data.length;\n        },\n\n        __loadParams: prepareLoadListParams(location)\n    };\n\n    useEffect(() => {\n        const params = {\n            prev: prevLoadParamsRef.current,\n            current: dataListProps.__loadParams\n        };\n\n        if (!isEqual(params.prev, params.current)) {\n            dataListProps.init();\n        }\n\n        prevLoadParamsRef.current = params.current;\n    });\n\n    return dataListProps;\n};\n\nexport { useDataList };\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AAuCA,IAAMQ,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAIE,MAAyB,EAAK;EAC/C,IAAAC,SAAA,GAA0C,IAAAC,eAAQ,EAAW,EAAE,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAAzDK,kBAAkB,GAAAH,UAAA;IAAEI,YAAW,GAAAJ,UAAA;EAEtC,IAAIK,OAAO,GAAG,IAAI;EAClB;AACJ;AACA;EACI,IAAIC,QAAa,GAAG,IAAI;EACxB,IAAMC,UAAU,GAAG,IAAAC,sBAAS,EAAC,CAAC;EAE9B,IAAIX,MAAM,CAACW,SAAS,KAAK,KAAK,EAAE;IAC5BH,OAAO,GAAGE,UAAU,CAACF,OAAO;IAC5BC,QAAQ,GAAGC,UAAU,CAACD,QAAQ;EAClC;EAEA,IAAMG,eAAe,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACtC,IAAIC,SAAS,GAAGd,MAAM,CAACc,SAAS;IAChC,IAAI,OAAOA,SAAS,KAAK,UAAU,EAAE;MACjCA,SAAS,GAAGA,SAAS,CAACd,MAAM,CAAC;IACjC;IAEA,OAAO;MACHe,MAAM,EAAEf,MAAM,CAACe,MAAM;MACrBD,SAAS,MAAAE,cAAA,CAAAX,OAAA,MAAAW,cAAA,CAAAX,OAAA,MACFS,SAAS,GACT,IAAAG,4BAAqB,EAACR,QAAQ,CAAC;IAE1C,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMS,SAAS,GAAG,IAAAC,oBAAQ,EAACnB,MAAM,CAACoB,KAAK,EAAER,eAAe,CAAC,CAAC,CAAC;EAC3D,IAAMS,iBAAiB,GAAG,IAAAC,aAAM,EAAC,CAAC,CAAC,CAAC;EAEpC,IAAMC,aAA4B,GAAG;IACjCC,IAAI,EAAE,IAAAC,YAAG,EAACzB,MAAM,EAAE,SAAS,EAAE0B,kBAAO,CAAC,CAACR,SAAS,CAACM,IAAI,CAAC;IACrDG,IAAI,EAAE,IAAAF,YAAG,EAACzB,MAAM,EAAE,SAAS,EAAE4B,kBAAO,CAAC,CAACV,SAAS,CAACM,IAAI,CAAC;IACrDK,KAAK,EAAE,IAAAJ,YAAG,EAACzB,MAAM,EAAE,UAAU,EAAE8B,mBAAQ,CAAC,CAACZ,SAAS,CAACM,IAAI,CAAC;IAExDO,OAAO,EAAEb,SAAS,CAACa,OAAO;IAC1BC,IAAI,WAAJA,IAAIA,CAAA,EAAG;MACH,IAAI,CAACC,OAAO,CAAC,CAAC;IAClB,CAAC;IACDA,OAAO,WAAPA,OAAOA,CAAA,EAAsB;MAAA,IAArBjC,MAAM,GAAAkC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;MACjB;MACA3B,YAAW,CAAC,EAAE,CAAC;MAEf,IAAI,CAACP,MAAM,EAAE;QACTkB,SAAS,CAACmB,OAAO,CAACd,aAAa,CAACe,YAAY,CAAC;QAC7C;MACJ;;MAEA;MACA;MACA;MACA;;MAEApB,SAAS,CAACmB,OAAO,CAACrC,MAAM,CAAC;IAC7B,CAAC;IACDuC,UAAU,WAAVA,UAAUA,CAACC,OAAe,EAAQ;MAC9B,IAAMC,cAAc,OAAAzB,cAAA,CAAAX,OAAA,MAAAW,cAAA,CAAAX,OAAA,MACbkB,aAAa,CAACe,YAAY;QAC7BI,KAAK,EAAEC,QAAQ,CAAC,EAAE,GAAGH,OAAO,CAAC;QAC7BI,KAAK,EAAER,SAAS;QAChBS,MAAM,EAAET;MAAS,EACpB;MACD,IAAI,CAACH,OAAO,CAACQ,cAAc,CAAC;IAChC,CAAC;IACDK,WAAW,WAAXA,WAAWA,CAACC,MAAc,EAAQ;MAC9B,IAAMN,cAAc,OAAAzB,cAAA,CAAAX,OAAA,MAAAW,cAAA,CAAAX,OAAA,MACbkB,aAAa,CAACe,YAAY;QAC7BM,KAAK,EAAEG,MAAM;QACbF,MAAM,EAAET;MAAS,EACpB;MACD,IAAI,CAACH,OAAO,CAACQ,cAAc,CAAC;IAChC,CAAC;IACDO,eAAe,WAAfA,eAAeA,CAACD,MAAc,EAAQ;MAClC,IAAMN,cAAc,OAAAzB,cAAA,CAAAX,OAAA,MAAAW,cAAA,CAAAX,OAAA,MACbkB,aAAa,CAACe,YAAY;QAC7BM,KAAK,EAAER,SAAS;QAChBS,MAAM,EAAEE;MAAM,EACjB;MACD,IAAI,CAACd,OAAO,CAACQ,cAAc,CAAC;IAChC,CAAC;IACDQ,SAAS,WAATA,SAASA,CAACC,MAAM,EAAQ;MACpB,IAAMT,cAAc,OAAAzB,cAAA,CAAAX,OAAA,MAAAW,cAAA,CAAAX,OAAA,MACbkB,aAAa,CAACe,YAAY;QAC7BY,MAAM,EAANA,MAAM;QACNN,KAAK,EAAER,SAAS;QAChBS,MAAM,EAAET;MAAS,EACpB;MACD,IAAI,CAACH,OAAO,CAACQ,cAAc,CAAC;IAChC,CAAC;IACDU,QAAQ,WAARA,QAAQA,CAACC,KAAK,EAAQ;MAClB,IAAMX,cAAc,OAAAzB,cAAA,CAAAX,OAAA,MAAAW,cAAA,CAAAX,OAAA,MACbkB,aAAa,CAACe,YAAY;QAC7Bc,KAAK,EAALA,KAAK;QACLR,KAAK,EAAER,SAAS;QAChBS,MAAM,EAAET;MAAS,EACpB;MACD,IAAI,CAACH,OAAO,CAACQ,cAAc,CAAC;IAChC,CAAC;IACDY,UAAU,WAAVA,UAAUA,CAACC,IAAI,EAAQ;MACnB,IAAMb,cAAc,OAAAzB,cAAA,CAAAX,OAAA,MAAAW,cAAA,CAAAX,OAAA,MACbkB,aAAa,CAACe,YAAY;QAC7BgB,IAAI,EAAJA,IAAI;QACJV,KAAK,EAAER,SAAS;QAChBS,MAAM,EAAET;MAAS,EACpB;MACD,IAAI,CAACH,OAAO,CAACQ,cAAc,CAAC;IAChC,CAAC;IACDlC,WAAW,WAAXA,WAAWA,CAACgD,KAAK,EAAEC,KAAK,EAAQ;MAC5B,IAAI,CAACC,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,EAAE;QACvBA,KAAK,GAAG,CAACA,KAAK,CAAC;MACnB;MAEA,IAAMI,WAAW,OAAAC,mBAAA,CAAAvD,OAAA,EAAOC,kBAAkB,CAAC;MAE3CiD,KAAK,CAACM,OAAO,CAAC,UAAAC,IAAI,EAAI;QAClB,IAAIN,KAAK,KAAKpB,SAAS,EAAE;UACrBuB,WAAW,CAACI,QAAQ,CAACD,IAAI,CAAC,GACpBH,WAAW,CAACK,MAAM,CAACL,WAAW,CAACM,OAAO,CAACH,IAAI,CAAC,EAAE,CAAC,CAAC,GAChDH,WAAW,CAACO,IAAI,CAACJ,IAAI,CAAC;QAChC,CAAC,MAAM;UACH,IAAIN,KAAK,KAAK,IAAI,EAAE;YAChB,CAACG,WAAW,CAACI,QAAQ,CAACD,IAAI,CAAC,IAAIH,WAAW,CAACO,IAAI,CAACJ,IAAI,CAAC;UACzD,CAAC,MAAM;YACHH,WAAW,CAACI,QAAQ,CAACD,IAAI,CAAC,IACtBH,WAAW,CAACK,MAAM,CAACL,WAAW,CAACM,OAAO,CAACH,IAAI,CAAC,EAAE,CAAC,CAAC;UACxD;QACJ;MACJ,CAAC,CAAC;MAEFvD,YAAW,CAACoD,WAAW,CAAC;IAC5B,CAAC;IACDQ,UAAU,WAAVA,UAAUA,CAACL,IAAI,EAAE;MACb,IAAM1C,KAAK,GAAG,IAAIgD,eAAe,CAAC3D,QAAQ,CAACyC,MAAM,CAAC;MAClD,OAAO9B,KAAK,CAACK,GAAG,CAAC,IAAI,CAAC,KAAKqC,IAAI,CAACO,EAAE;IACtC,CAAC;IACDC,MAAM,WAANA,MAAMA,CAACR,IAAI,EAAE;MACT,IAAM1C,KAAK,GAAG,IAAIgD,eAAe,CAAC3D,QAAQ,CAACyC,MAAM,CAAC;MAClD9B,KAAK,CAACmD,GAAG,CAAC,IAAI,EAAET,IAAI,CAACO,EAAE,CAAC;MACxB7D,OAAO,CAAC0D,IAAI,CAAC;QAAEhB,MAAM,EAAE9B,KAAK,CAACoD,QAAQ,CAAC;MAAE,CAAC,CAAC;IAC9C,CAAC;IACDC,eAAe,WAAfA,eAAeA,CAACX,IAAI,EAAE;MAClB,IAAI,CAACL,KAAK,CAACC,OAAO,CAACpD,kBAAkB,CAAC,EAAE;QACpC,OAAO,KAAK;MAChB;MAEA,OAAOA,kBAAkB,CAACyD,QAAQ,CAACD,IAAI,CAAC;IAC5C,CAAC;IACDY,mBAAmB,WAAnBA,mBAAmBA,CAAA,EAAG;MAClB,OAAOpE,kBAAkB,CAAC6B,MAAM,KAAK,CAAC;IAC1C,CAAC;IACDwC,gBAAgB,WAAhBA,gBAAgBA,CAAA,EAAG;MACf,OAAOrE,kBAAkB;IAC7B,CAAC;IACDsE,cAAc,WAAdA,cAAcA,CAACpB,KAAc,EAAQ;MACjC,IAAQhC,IAAI,GAAKD,aAAa,CAAtBC,IAAI;MACZ,IAAIiC,KAAK,CAACC,OAAO,CAAClC,IAAI,CAAC,EAAE;QACrBD,aAAa,CAAChB,WAAW,CAACiB,IAAI,EAAEgC,KAAK,CAAC;MAC1C,CAAC,MAAM;QACHjC,aAAa,CAAChB,WAAW,CAAC,EAAE,EAAEiD,KAAK,CAAC;MACxC;IACJ,CAAC;IACDqB,kBAAkB,WAAlBA,kBAAkBA,CAAA,EAAY;MAC1B,IAAQrD,IAAI,GAAKD,aAAa,CAAtBC,IAAI;MAEZ,OAAOiC,KAAK,CAACC,OAAO,CAAClC,IAAI,CAAC,IAAIlB,kBAAkB,CAAC6B,MAAM,KAAKX,IAAI,CAACW,MAAM;IAC3E,CAAC;IAEDG,YAAY,EAAE,IAAArB,4BAAqB,EAACR,QAAQ;EAChD,CAAC;EAED,IAAAqE,gBAAS,EAAC,YAAM;IACZ,IAAM9E,MAAM,GAAG;MACX+E,IAAI,EAAE1D,iBAAiB,CAAC2D,OAAO;MAC/BA,OAAO,EAAEzD,aAAa,CAACe;IAC3B,CAAC;IAED,IAAI,CAAC,IAAA2C,gBAAO,EAACjF,MAAM,CAAC+E,IAAI,EAAE/E,MAAM,CAACgF,OAAO,CAAC,EAAE;MACvCzD,aAAa,CAACS,IAAI,CAAC,CAAC;IACxB;IAEAX,iBAAiB,CAAC2D,OAAO,GAAGhF,MAAM,CAACgF,OAAO;EAC9C,CAAC,CAAC;EAEF,OAAOzD,aAAa;AACxB,CAAC","ignoreList":[]}
+{"version":3,"names":["useCallback","useEffect","useRef","useState","useQuery","get","isEqual","prepareLoadListParams","getData","getError","getMeta","useDataList","params","multiSelectedItems","multiSelect","getQueryOptions","variables","client","queryData","query","prevLoadParamsRef","dataListProps","data","meta","error","loading","init","refresh","refetch","__loadParams","setPerPage","perPage","preparedParams","limit","parseInt","after","undefined","before","setNextPage","cursor","setPreviousPage","setSearch","search","setWhere","where","setSorters","sort","items","value","Array","isArray","returnItems","forEach","item","includes","splice","indexOf","push","isSelected","URLSearchParams","location","id","select","set","isMultiSelected","isNoneMultiSelected","length","getMultiSelected","multiSelectAll","isAllMultiSelected","prev","current"],"sources":["useDataList.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { useQuery } from \"@apollo/react-hooks\";\nimport get from \"lodash/get.js\";\nimport isEqual from \"lodash/isEqual.js\";\nimport { prepareLoadListParams } from \"./utils/index.js\";\nimport { getData, getError, getMeta } from \"./functions/index.js\";\n\nimport type { DocumentNode } from \"graphql\";\nimport type { ApolloClient } from \"apollo-client\";\n\nexport interface UseDataListParams {\n    variables?: ((params: UseDataListParams) => any) | object;\n    client?: ApolloClient<any>;\n    query: DocumentNode;\n    getData?: (data: any) => any;\n    getMeta?: (data: any) => any;\n    getError?: (data: any) => any;\n}\n\nexport interface DataListProps {\n    __loadParams: any;\n    refresh: (params?: any) => void;\n    data: any[];\n    meta: any;\n    error: any;\n    loading: boolean;\n    isSelected: (item: any) => boolean;\n    select: (item: any) => void;\n    isMultiSelected: (item: any) => boolean;\n    isNoneMultiSelected: () => boolean;\n    isAllMultiSelected: () => boolean;\n    multiSelectAll: (value: boolean) => void;\n    getMultiSelected: () => any[];\n    setSearch: (search: any) => void;\n    setWhere: (where: any) => void;\n    setSorters: (sort: any) => void;\n    setPerPage: (perPage: number) => void;\n    setPreviousPage: (cursor: string) => void;\n    setNextPage: (cursor: string) => void;\n    multiSelect: (items: string | string[], value?: boolean) => void;\n    init: () => void;\n}\n\nconst useDataList = (params: UseDataListParams) => {\n    const [multiSelectedItems, multiSelect] = useState<string[]>([]);\n\n    const getQueryOptions = useCallback(() => {\n        let variables = params.variables;\n        if (typeof variables === \"function\") {\n            variables = variables(params);\n        }\n\n        return {\n            client: params.client,\n            variables: {\n                ...variables,\n                ...prepareLoadListParams()\n            }\n        };\n    }, []);\n\n    const queryData = useQuery(params.query, getQueryOptions());\n    const prevLoadParamsRef = useRef({});\n\n    const dataListProps: DataListProps = {\n        data: get(params, \"getData\", getData)(queryData.data),\n        meta: get(params, \"getMeta\", getMeta)(queryData.data),\n        error: get(params, \"getError\", getError)(queryData.data),\n\n        loading: queryData.loading,\n        init() {\n            this.refresh();\n        },\n        refresh(params = null): void {\n            // Refresh multi select first.\n            multiSelect([]);\n\n            if (!params) {\n                queryData.refetch(dataListProps.__loadParams);\n                return;\n            }\n\n            queryData.refetch(params);\n        },\n        setPerPage(perPage: number): void {\n            const preparedParams = {\n                ...dataListProps.__loadParams,\n                limit: parseInt(\"\" + perPage),\n                after: undefined,\n                before: undefined\n            };\n            this.refresh(preparedParams);\n        },\n        setNextPage(cursor: string): void {\n            const preparedParams = {\n                ...dataListProps.__loadParams,\n                after: cursor,\n                before: undefined\n            };\n            this.refresh(preparedParams);\n        },\n        setPreviousPage(cursor: string): void {\n            const preparedParams = {\n                ...dataListProps.__loadParams,\n                after: undefined,\n                before: cursor\n            };\n            this.refresh(preparedParams);\n        },\n        setSearch(search): void {\n            const preparedParams = {\n                ...dataListProps.__loadParams,\n                search,\n                after: undefined,\n                before: undefined\n            };\n            this.refresh(preparedParams);\n        },\n        setWhere(where): void {\n            const preparedParams = {\n                ...dataListProps.__loadParams,\n                where,\n                after: undefined,\n                before: undefined\n            };\n            this.refresh(preparedParams);\n        },\n        setSorters(sort): void {\n            const preparedParams = {\n                ...dataListProps.__loadParams,\n                sort,\n                after: undefined,\n                before: undefined\n            };\n            this.refresh(preparedParams);\n        },\n        multiSelect(items, value): void {\n            if (!Array.isArray(items)) {\n                items = [items];\n            }\n\n            const returnItems = [...multiSelectedItems];\n\n            items.forEach(item => {\n                if (value === undefined) {\n                    returnItems.includes(item)\n                        ? returnItems.splice(returnItems.indexOf(item), 1)\n                        : returnItems.push(item);\n                } else {\n                    if (value === true) {\n                        !returnItems.includes(item) && returnItems.push(item);\n                    } else {\n                        returnItems.includes(item) &&\n                            returnItems.splice(returnItems.indexOf(item), 1);\n                    }\n                }\n            });\n\n            multiSelect(returnItems);\n        },\n        isSelected(item) {\n            const query = new URLSearchParams(location.search);\n            return query.get(\"id\") === item.id;\n        },\n        select(item) {\n            const query = new URLSearchParams(location.search);\n            query.set(\"id\", item.id);\n        },\n        isMultiSelected(item) {\n            if (!Array.isArray(multiSelectedItems)) {\n                return false;\n            }\n\n            return multiSelectedItems.includes(item);\n        },\n        isNoneMultiSelected() {\n            return multiSelectedItems.length === 0;\n        },\n        getMultiSelected() {\n            return multiSelectedItems;\n        },\n        multiSelectAll(value: boolean): void {\n            const { data } = dataListProps;\n            if (Array.isArray(data)) {\n                dataListProps.multiSelect(data, value);\n            } else {\n                dataListProps.multiSelect([], value);\n            }\n        },\n        isAllMultiSelected(): boolean {\n            const { data } = dataListProps;\n\n            return Array.isArray(data) && multiSelectedItems.length === data.length;\n        },\n\n        __loadParams: prepareLoadListParams(location)\n    };\n\n    useEffect(() => {\n        const params = {\n            prev: prevLoadParamsRef.current,\n            current: dataListProps.__loadParams\n        };\n\n        if (!isEqual(params.prev, params.current)) {\n            dataListProps.init();\n        }\n\n        prevLoadParamsRef.current = params.current;\n    });\n\n    return dataListProps;\n};\n\nexport { useDataList };\n"],"mappings":"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","ignoreList":[]}

package/hooks/useDataList/utils/index.d.ts

@@ -1,2 +1 @@
-export { default as prepareLoadListParams } from "./prepareLoadListParams";
-export { default as redirectToRouteWithQueryParams } from "./redirectToRouteWithQueryParams";
+export { default as prepareLoadListParams } from "./prepareLoadListParams.js";

package/hooks/useDataList/utils/index.js

@@ -1,22 +1,3 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "prepareLoadListParams", {
-  enumerable: true,
-  get: function get() {
-    return _prepareLoadListParams.default;
-  }
-});
-Object.defineProperty(exports, "redirectToRouteWithQueryParams", {
-  enumerable: true,
-  get: function get() {
-    return _redirectToRouteWithQueryParams.default;
-  }
-});
-var _prepareLoadListParams = _interopRequireDefault(require("./prepareLoadListParams"));
-var _redirectToRouteWithQueryParams = _interopRequireDefault(require("./redirectToRouteWithQueryParams"));
+export { default as prepareLoadListParams } from "./prepareLoadListParams.js";
 
 //# sourceMappingURL=index.js.map

package/hooks/useDataList/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_prepareLoadListParams","_interopRequireDefault","require","_redirectToRouteWithQueryParams"],"sources":["index.ts"],"sourcesContent":["export { default as prepareLoadListParams } from \"./prepareLoadListParams\";\nexport { default as redirectToRouteWithQueryParams } from \"./redirectToRouteWithQueryParams\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,sBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,+BAAA,GAAAF,sBAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["default","prepareLoadListParams"],"sources":["index.ts"],"sourcesContent":["export { default as prepareLoadListParams } from \"./prepareLoadListParams.js\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,qBAAqB","ignoreList":[]}