@webiny/app 6.3.0-beta.4 → 6.4.0-beta.0

package/hooks/useDataList/useDataList.js

@@ -4,159 +4,138 @@ 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: {
-        ...variables,
-        ...prepareLoadListParams()
-      }
+const useDataList = (params)=>{
+    const [multiSelectedItems, multiSelect] = useState([]);
+    const getQueryOptions = useCallback(()=>{
+        let variables = params.variables;
+        if ("function" == typeof variables) variables = variables(params);
+        return {
+            client: params.client,
+            variables: {
+                ...variables,
+                ...prepareLoadListParams()
+            }
+        };
+    }, []);
+    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 () {
+            this.refresh();
+        },
+        refresh (params = null) {
+            multiSelect([]);
+            if (!params) return void queryData.refetch(dataListProps.__loadParams);
+            queryData.refetch(params);
+        },
+        setPerPage (perPage) {
+            const preparedParams = {
+                ...dataListProps.__loadParams,
+                limit: parseInt("" + perPage),
+                after: void 0,
+                before: void 0
+            };
+            this.refresh(preparedParams);
+        },
+        setNextPage (cursor) {
+            const preparedParams = {
+                ...dataListProps.__loadParams,
+                after: cursor,
+                before: void 0
+            };
+            this.refresh(preparedParams);
+        },
+        setPreviousPage (cursor) {
+            const preparedParams = {
+                ...dataListProps.__loadParams,
+                after: void 0,
+                before: cursor
+            };
+            this.refresh(preparedParams);
+        },
+        setSearch (search) {
+            const preparedParams = {
+                ...dataListProps.__loadParams,
+                search,
+                after: void 0,
+                before: void 0
+            };
+            this.refresh(preparedParams);
+        },
+        setWhere (where) {
+            const preparedParams = {
+                ...dataListProps.__loadParams,
+                where,
+                after: void 0,
+                before: void 0
+            };
+            this.refresh(preparedParams);
+        },
+        setSorters (sort) {
+            const preparedParams = {
+                ...dataListProps.__loadParams,
+                sort,
+                after: void 0,
+                before: void 0
+            };
+            this.refresh(preparedParams);
+        },
+        multiSelect (items, value) {
+            if (!Array.isArray(items)) items = [
+                items
+            ];
+            const returnItems = [
+                ...multiSelectedItems
+            ];
+            items.forEach((item)=>{
+                if (void 0 === value) returnItems.includes(item) ? returnItems.splice(returnItems.indexOf(item), 1) : returnItems.push(item);
+                else if (true === value) returnItems.includes(item) || returnItems.push(item);
+                else returnItems.includes(item) && returnItems.splice(returnItems.indexOf(item), 1);
+            });
+            multiSelect(returnItems);
+        },
+        isSelected (item) {
+            const query = new URLSearchParams(location.search);
+            return query.get("id") === item.id;
+        },
+        select (item) {
+            const query = new URLSearchParams(location.search);
+            query.set("id", item.id);
+        },
+        isMultiSelected (item) {
+            if (!Array.isArray(multiSelectedItems)) return false;
+            return multiSelectedItems.includes(item);
+        },
+        isNoneMultiSelected () {
+            return 0 === multiSelectedItems.length;
+        },
+        getMultiSelected () {
+            return multiSelectedItems;
+        },
+        multiSelectAll (value) {
+            const { data } = dataListProps;
+            if (Array.isArray(data)) dataListProps.multiSelect(data, value);
+            else dataListProps.multiSelect([], value);
+        },
+        isAllMultiSelected () {
+            const { data } = dataListProps;
+            return Array.isArray(data) && multiSelectedItems.length === data.length;
+        },
+        __loadParams: prepareLoadListParams(location)
     };
-  }, []);
-  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() {
-      this.refresh();
-    },
-    refresh(params = null) {
-      // Refresh multi select first.
-      multiSelect([]);
-      if (!params) {
-        queryData.refetch(dataListProps.__loadParams);
-        return;
-      }
-      queryData.refetch(params);
-    },
-    setPerPage(perPage) {
-      const preparedParams = {
-        ...dataListProps.__loadParams,
-        limit: parseInt("" + perPage),
-        after: undefined,
-        before: undefined
-      };
-      this.refresh(preparedParams);
-    },
-    setNextPage(cursor) {
-      const preparedParams = {
-        ...dataListProps.__loadParams,
-        after: cursor,
-        before: undefined
-      };
-      this.refresh(preparedParams);
-    },
-    setPreviousPage(cursor) {
-      const preparedParams = {
-        ...dataListProps.__loadParams,
-        after: undefined,
-        before: cursor
-      };
-      this.refresh(preparedParams);
-    },
-    setSearch(search) {
-      const preparedParams = {
-        ...dataListProps.__loadParams,
-        search,
-        after: undefined,
-        before: undefined
-      };
-      this.refresh(preparedParams);
-    },
-    setWhere(where) {
-      const preparedParams = {
-        ...dataListProps.__loadParams,
-        where,
-        after: undefined,
-        before: undefined
-      };
-      this.refresh(preparedParams);
-    },
-    setSorters(sort) {
-      const preparedParams = {
-        ...dataListProps.__loadParams,
-        sort,
-        after: undefined,
-        before: undefined
-      };
-      this.refresh(preparedParams);
-    },
-    multiSelect(items, value) {
-      if (!Array.isArray(items)) {
-        items = [items];
-      }
-      const returnItems = [...multiSelectedItems];
-      items.forEach(item => {
-        if (value === undefined) {
-          returnItems.includes(item) ? returnItems.splice(returnItems.indexOf(item), 1) : returnItems.push(item);
-        } else {
-          if (value === true) {
-            !returnItems.includes(item) && returnItems.push(item);
-          } else {
-            returnItems.includes(item) && returnItems.splice(returnItems.indexOf(item), 1);
-          }
-        }
-      });
-      multiSelect(returnItems);
-    },
-    isSelected(item) {
-      const query = new URLSearchParams(location.search);
-      return query.get("id") === item.id;
-    },
-    select(item) {
-      const query = new URLSearchParams(location.search);
-      query.set("id", item.id);
-    },
-    isMultiSelected(item) {
-      if (!Array.isArray(multiSelectedItems)) {
-        return false;
-      }
-      return multiSelectedItems.includes(item);
-    },
-    isNoneMultiSelected() {
-      return multiSelectedItems.length === 0;
-    },
-    getMultiSelected() {
-      return multiSelectedItems;
-    },
-    multiSelectAll(value) {
-      const {
-        data
-      } = dataListProps;
-      if (Array.isArray(data)) {
-        dataListProps.multiSelect(data, value);
-      } else {
-        dataListProps.multiSelect([], value);
-      }
-    },
-    isAllMultiSelected() {
-      const {
-        data
-      } = dataListProps;
-      return Array.isArray(data) && multiSelectedItems.length === data.length;
-    },
-    __loadParams: prepareLoadListParams(location)
-  };
-  useEffect(() => {
-    const params = {
-      prev: prevLoadParamsRef.current,
-      current: dataListProps.__loadParams
-    };
-    if (!isEqual(params.prev, params.current)) {
-      dataListProps.init();
-    }
-    prevLoadParamsRef.current = params.current;
-  });
-  return dataListProps;
+    useEffect(()=>{
+        const params = {
+            prev: prevLoadParamsRef.current,
+            current: dataListProps.__loadParams
+        };
+        if (!isEqual(params.prev, params.current)) dataListProps.init();
+        prevLoadParamsRef.current = params.current;
+    });
+    return dataListProps;
 };
 export { useDataList };
 

package/hooks/useDataList/useDataList.js.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"hooks/useDataList/useDataList.js","sources":["../../../src/hooks/useDataList/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"],"names":["useDataList","params","multiSelectedItems","multiSelect","useState","getQueryOptions","useCallback","variables","prepareLoadListParams","queryData","useQuery","prevLoadParamsRef","useRef","dataListProps","get","getData","getMeta","getError","perPage","preparedParams","parseInt","undefined","cursor","search","where","sort","items","value","Array","returnItems","item","query","URLSearchParams","location","data","useEffect","isEqual"],"mappings":"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"}

package/hooks/useDataList/utils/index.js

@@ -1,3 +1 @@
 export { default as prepareLoadListParams } from "./prepareLoadListParams.js";
-
-//# sourceMappingURL=index.js.map

package/hooks/useDataList/utils/prepareLoadListParams.js

@@ -1,38 +1,29 @@
-const keys = ["sort", "where", "search"];
-export default location => {
-  const params = {};
-  if (!location) {
+const keys = [
+    "sort",
+    "where",
+    "search"
+];
+const prepareLoadListParams = (location)=>{
+    const params = {};
+    if (!location) return params;
+    const query = new URLSearchParams(location.search);
+    const after = query.get("after");
+    const before = query.get("before");
+    const limit = query.get("limit");
+    if (after) params.after = after;
+    if (before) params.before = before;
+    if (limit) params.limit = parseInt(limit);
+    keys.forEach((key)=>{
+        const value = query.get(key);
+        if ("string" != typeof value) return;
+        try {
+            params[key] = JSON.parse(value);
+        } catch  {
+            params[key] = value;
+        }
+    });
     return params;
-  }
-  const query = new URLSearchParams(location.search);
-  const after = query.get("after");
-  const before = query.get("before");
-  const limit = query.get("limit");
-  if (after) {
-    params.after = after;
-  }
-  if (before) {
-    params.before = before;
-  }
-  if (limit) {
-    params.limit = parseInt(limit);
-  }
-  keys.forEach(key => {
-    const value = query.get(key);
-    if (typeof value !== "string") {
-      return;
-    }
-    try {
-      params[key] = JSON.parse(value);
-    } catch {
-      /**
-       * If we can't parse the value, it means it's a string.
-       */
-      // @ts-expect-error
-      params[key] = value;
-    }
-  });
-  return params;
 };
+export default prepareLoadListParams;
 
 //# sourceMappingURL=prepareLoadListParams.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["keys","location","params","query","URLSearchParams","search","after","get","before","limit","parseInt","forEach","key","value","JSON","parse"],"sources":["prepareLoadListParams.ts"],"sourcesContent":["interface Params {\n    after?: string;\n    before?: string;\n    limit?: number;\n    sort?: string;\n    where?: Record<string, any>;\n    search?: string;\n}\n\nconst keys: (keyof Params)[] = [\"sort\", \"where\", \"search\"];\n\nexport default (location?: Location): Params => {\n    const params: Params = {};\n    if (!location) {\n        return params;\n    }\n\n    const query = new URLSearchParams(location.search);\n\n    const after = query.get(\"after\");\n    const before = query.get(\"before\");\n    const limit = query.get(\"limit\");\n\n    if (after) {\n        params.after = after;\n    }\n\n    if (before) {\n        params.before = before;\n    }\n\n    if (limit) {\n        params.limit = parseInt(limit);\n    }\n\n    keys.forEach(key => {\n        const value = query.get(key);\n        if (typeof value !== \"string\") {\n            return;\n        }\n        try {\n            params[key] = JSON.parse(value);\n        } catch {\n            /**\n             * If we can't parse the value, it means it's a string.\n             */\n            // @ts-expect-error\n            params[key] = value;\n        }\n    });\n    return params;\n};\n"],"mappings":"AASA,MAAMA,IAAsB,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC;AAE1D,eAAgBC,QAAmB,IAAa;EAC5C,MAAMC,MAAc,GAAG,CAAC,CAAC;EACzB,IAAI,CAACD,QAAQ,EAAE;IACX,OAAOC,MAAM;EACjB;EAEA,MAAMC,KAAK,GAAG,IAAIC,eAAe,CAACH,QAAQ,CAACI,MAAM,CAAC;EAElD,MAAMC,KAAK,GAAGH,KAAK,CAACI,GAAG,CAAC,OAAO,CAAC;EAChC,MAAMC,MAAM,GAAGL,KAAK,CAACI,GAAG,CAAC,QAAQ,CAAC;EAClC,MAAME,KAAK,GAAGN,KAAK,CAACI,GAAG,CAAC,OAAO,CAAC;EAEhC,IAAID,KAAK,EAAE;IACPJ,MAAM,CAACI,KAAK,GAAGA,KAAK;EACxB;EAEA,IAAIE,MAAM,EAAE;IACRN,MAAM,CAACM,MAAM,GAAGA,MAAM;EAC1B;EAEA,IAAIC,KAAK,EAAE;IACPP,MAAM,CAACO,KAAK,GAAGC,QAAQ,CAACD,KAAK,CAAC;EAClC;EAEAT,IAAI,CAACW,OAAO,CAACC,GAAG,IAAI;IAChB,MAAMC,KAAK,GAAGV,KAAK,CAACI,GAAG,CAACK,GAAG,CAAC;IAC5B,IAAI,OAAOC,KAAK,KAAK,QAAQ,EAAE;MAC3B;IACJ;IACA,IAAI;MACAX,MAAM,CAACU,GAAG,CAAC,GAAGE,IAAI,CAACC,KAAK,CAACF,KAAK,CAAC;IACnC,CAAC,CAAC,MAAM;MACJ;AACZ;AACA;MACY;MACAX,MAAM,CAACU,GAAG,CAAC,GAAGC,KAAK;IACvB;EACJ,CAAC,CAAC;EACF,OAAOX,MAAM;AACjB,CAAC","ignoreList":[]}
+{"version":3,"file":"hooks/useDataList/utils/prepareLoadListParams.js","sources":["../../../../src/hooks/useDataList/utils/prepareLoadListParams.ts"],"sourcesContent":["interface Params {\n    after?: string;\n    before?: string;\n    limit?: number;\n    sort?: string;\n    where?: Record<string, any>;\n    search?: string;\n}\n\nconst keys: (keyof Params)[] = [\"sort\", \"where\", \"search\"];\n\nexport default (location?: Location): Params => {\n    const params: Params = {};\n    if (!location) {\n        return params;\n    }\n\n    const query = new URLSearchParams(location.search);\n\n    const after = query.get(\"after\");\n    const before = query.get(\"before\");\n    const limit = query.get(\"limit\");\n\n    if (after) {\n        params.after = after;\n    }\n\n    if (before) {\n        params.before = before;\n    }\n\n    if (limit) {\n        params.limit = parseInt(limit);\n    }\n\n    keys.forEach(key => {\n        const value = query.get(key);\n        if (typeof value !== \"string\") {\n            return;\n        }\n        try {\n            params[key] = JSON.parse(value);\n        } catch {\n            /**\n             * If we can't parse the value, it means it's a string.\n             */\n            // @ts-expect-error\n            params[key] = value;\n        }\n    });\n    return params;\n};\n"],"names":["keys","location","params","query","URLSearchParams","after","before","limit","parseInt","key","value","JSON"],"mappings":"AASA,MAAMA,OAAyB;IAAC;IAAQ;IAAS;CAAS;AAE1D,8BAAgB,CAAAC;IACZ,MAAMC,SAAiB,CAAC;IACxB,IAAI,CAACD,UACD,OAAOC;IAGX,MAAMC,QAAQ,IAAIC,gBAAgBH,SAAS,MAAM;IAEjD,MAAMI,QAAQF,MAAM,GAAG,CAAC;IACxB,MAAMG,SAASH,MAAM,GAAG,CAAC;IACzB,MAAMI,QAAQJ,MAAM,GAAG,CAAC;IAExB,IAAIE,OACAH,OAAO,KAAK,GAAGG;IAGnB,IAAIC,QACAJ,OAAO,MAAM,GAAGI;IAGpB,IAAIC,OACAL,OAAO,KAAK,GAAGM,SAASD;IAG5BP,KAAK,OAAO,CAACS,CAAAA;QACT,MAAMC,QAAQP,MAAM,GAAG,CAACM;QACxB,IAAI,AAAiB,YAAjB,OAAOC,OACP;QAEJ,IAAI;YACAR,MAAM,CAACO,IAAI,GAAGE,KAAK,KAAK,CAACD;QAC7B,EAAE,OAAM;YAKJR,MAAM,CAACO,IAAI,GAAGC;QAClB;IACJ;IACA,OAAOR;AACX"}

package/hooks/useHandler.js

@@ -1,19 +1,15 @@
-import { useRef, useEffect } from "react";
-
-/**
- * TODO: figure out any types.
- */
-
-export function useHandler(props, factory) {
-  const propsRef = useRef(props);
-  const handlerRef = useRef((...args) => {
-    const handler = factory(propsRef.current);
-    return handler(...args);
-  });
-  useEffect(() => {
-    propsRef.current = props;
-  });
-  return handlerRef.current;
+import { useEffect, useRef } from "react";
+function useHandler(props, factory) {
+    const propsRef = useRef(props);
+    const handlerRef = useRef((...args)=>{
+        const handler = factory(propsRef.current);
+        return handler(...args);
+    });
+    useEffect(()=>{
+        propsRef.current = props;
+    });
+    return handlerRef.current;
 }
+export { useHandler };
 
 //# sourceMappingURL=useHandler.js.map

package/hooks/useHandler.js.map

@@ -1 +1 @@
-{"version":3,"names":["useRef","useEffect","useHandler","props","factory","propsRef","handlerRef","args","handler","current"],"sources":["useHandler.ts"],"sourcesContent":["import { useRef, useEffect } from \"react\";\n\n/**\n * TODO: figure out any types.\n */\ninterface Props {\n    [key: string]: any;\n}\ninterface Factory {\n    (...args: any): any;\n}\nexport function useHandler(props: Props, factory: Factory) {\n    const propsRef = useRef(props);\n\n    const handlerRef = useRef((...args: any) => {\n        const handler = factory(propsRef.current);\n        return handler(...args);\n    });\n\n    useEffect(() => {\n        propsRef.current = props;\n    });\n\n    return handlerRef.current;\n}\n"],"mappings":"AAAA,SAASA,MAAM,EAAEC,SAAS,QAAQ,OAAO;;AAEzC;AACA;AACA;;AAOA,OAAO,SAASC,UAAUA,CAACC,KAAY,EAAEC,OAAgB,EAAE;EACvD,MAAMC,QAAQ,GAAGL,MAAM,CAACG,KAAK,CAAC;EAE9B,MAAMG,UAAU,GAAGN,MAAM,CAAC,CAAC,GAAGO,IAAS,KAAK;IACxC,MAAMC,OAAO,GAAGJ,OAAO,CAACC,QAAQ,CAACI,OAAO,CAAC;IACzC,OAAOD,OAAO,CAAC,GAAGD,IAAI,CAAC;EAC3B,CAAC,CAAC;EAEFN,SAAS,CAAC,MAAM;IACZI,QAAQ,CAACI,OAAO,GAAGN,KAAK;EAC5B,CAAC,CAAC;EAEF,OAAOG,UAAU,CAACG,OAAO;AAC7B","ignoreList":[]}
+{"version":3,"file":"hooks/useHandler.js","sources":["../../src/hooks/useHandler.ts"],"sourcesContent":["import { useRef, useEffect } from \"react\";\n\n/**\n * TODO: figure out any types.\n */\ninterface Props {\n    [key: string]: any;\n}\ninterface Factory {\n    (...args: any): any;\n}\nexport function useHandler(props: Props, factory: Factory) {\n    const propsRef = useRef(props);\n\n    const handlerRef = useRef((...args: any) => {\n        const handler = factory(propsRef.current);\n        return handler(...args);\n    });\n\n    useEffect(() => {\n        propsRef.current = props;\n    });\n\n    return handlerRef.current;\n}\n"],"names":["useHandler","props","factory","propsRef","useRef","handlerRef","args","handler","useEffect"],"mappings":";AAWO,SAASA,WAAWC,KAAY,EAAEC,OAAgB;IACrD,MAAMC,WAAWC,OAAOH;IAExB,MAAMI,aAAaD,OAAO,CAAC,GAAGE;QAC1B,MAAMC,UAAUL,QAAQC,SAAS,OAAO;QACxC,OAAOI,WAAWD;IACtB;IAEAE,UAAU;QACNL,SAAS,OAAO,GAAGF;IACvB;IAEA,OAAOI,WAAW,OAAO;AAC7B"}

package/hooks/useHandlers.js

@@ -1,23 +1,21 @@
-import { useRef, useEffect } from "react";
-export function useHandlers(props, factories) {
-  const propsRef = useRef(props);
-  const handlersRef = useRef((() => {
-    const names = Object.keys(factories);
-    return names.reduce((handlers, name) => {
-      /**
-       * TODO: figure out args types
-       */
-      handlers[name] = (...args) => {
-        const handler = factories[name](propsRef.current);
-        return handler(...args);
-      };
-      return handlers;
-    }, {});
-  })());
-  useEffect(() => {
-    propsRef.current = props;
-  });
-  return handlersRef.current;
+import { useEffect, useRef } from "react";
+function useHandlers(props, factories) {
+    const propsRef = useRef(props);
+    const handlersRef = useRef((()=>{
+        const names = Object.keys(factories);
+        return names.reduce((handlers, name)=>{
+            handlers[name] = (...args)=>{
+                const handler = factories[name](propsRef.current);
+                return handler(...args);
+            };
+            return handlers;
+        }, {});
+    })());
+    useEffect(()=>{
+        propsRef.current = props;
+    });
+    return handlersRef.current;
 }
+export { useHandlers };
 
 //# sourceMappingURL=useHandlers.js.map

package/hooks/useHandlers.js.map

@@ -1 +1 @@
-{"version":3,"names":["useRef","useEffect","useHandlers","props","factories","propsRef","handlersRef","names","Object","keys","reduce","handlers","name","args","handler","current"],"sources":["useHandlers.ts"],"sourcesContent":["import { useRef, useEffect } from \"react\";\n\ntype HandlerProps = { [key: string]: any };\ntype HandlerFactories = { [key: string]: (props: HandlerProps) => (...params: any[]) => any };\ntype Handlers = {\n    [K in keyof HandlerFactories]: (...params: any[]) => any;\n};\n\nexport function useHandlers<H = Handlers>(props: HandlerProps, factories: HandlerFactories) {\n    const propsRef = useRef(props);\n\n    const handlersRef = useRef(\n        (() => {\n            const names = Object.keys(factories);\n            return names.reduce(\n                (handlers, name) => {\n                    /**\n                     * TODO: figure out args types\n                     */\n                    handlers[name] = (...args: any) => {\n                        const handler = factories[name](propsRef.current);\n                        return handler(...args);\n                    };\n                    return handlers;\n                },\n                {} as Record<string, any>\n            );\n        })()\n    );\n\n    useEffect(() => {\n        propsRef.current = props;\n    });\n\n    return handlersRef.current as H;\n}\n"],"mappings":"AAAA,SAASA,MAAM,EAAEC,SAAS,QAAQ,OAAO;AAQzC,OAAO,SAASC,WAAWA,CAAeC,KAAmB,EAAEC,SAA2B,EAAE;EACxF,MAAMC,QAAQ,GAAGL,MAAM,CAACG,KAAK,CAAC;EAE9B,MAAMG,WAAW,GAAGN,MAAM,CACtB,CAAC,MAAM;IACH,MAAMO,KAAK,GAAGC,MAAM,CAACC,IAAI,CAACL,SAAS,CAAC;IACpC,OAAOG,KAAK,CAACG,MAAM,CACf,CAACC,QAAQ,EAAEC,IAAI,KAAK;MAChB;AACpB;AACA;MACoBD,QAAQ,CAACC,IAAI,CAAC,GAAG,CAAC,GAAGC,IAAS,KAAK;QAC/B,MAAMC,OAAO,GAAGV,SAAS,CAACQ,IAAI,CAAC,CAACP,QAAQ,CAACU,OAAO,CAAC;QACjD,OAAOD,OAAO,CAAC,GAAGD,IAAI,CAAC;MAC3B,CAAC;MACD,OAAOF,QAAQ;IACnB,CAAC,EACD,CAAC,CACL,CAAC;EACL,CAAC,EAAE,CACP,CAAC;EAEDV,SAAS,CAAC,MAAM;IACZI,QAAQ,CAACU,OAAO,GAAGZ,KAAK;EAC5B,CAAC,CAAC;EAEF,OAAOG,WAAW,CAACS,OAAO;AAC9B","ignoreList":[]}
+{"version":3,"file":"hooks/useHandlers.js","sources":["../../src/hooks/useHandlers.ts"],"sourcesContent":["import { useRef, useEffect } from \"react\";\n\ntype HandlerProps = { [key: string]: any };\ntype HandlerFactories = { [key: string]: (props: HandlerProps) => (...params: any[]) => any };\ntype Handlers = {\n    [K in keyof HandlerFactories]: (...params: any[]) => any;\n};\n\nexport function useHandlers<H = Handlers>(props: HandlerProps, factories: HandlerFactories) {\n    const propsRef = useRef(props);\n\n    const handlersRef = useRef(\n        (() => {\n            const names = Object.keys(factories);\n            return names.reduce(\n                (handlers, name) => {\n                    /**\n                     * TODO: figure out args types\n                     */\n                    handlers[name] = (...args: any) => {\n                        const handler = factories[name](propsRef.current);\n                        return handler(...args);\n                    };\n                    return handlers;\n                },\n                {} as Record<string, any>\n            );\n        })()\n    );\n\n    useEffect(() => {\n        propsRef.current = props;\n    });\n\n    return handlersRef.current as H;\n}\n"],"names":["useHandlers","props","factories","propsRef","useRef","handlersRef","names","Object","handlers","name","args","handler","useEffect"],"mappings":";AAQO,SAASA,YAA0BC,KAAmB,EAAEC,SAA2B;IACtF,MAAMC,WAAWC,OAAOH;IAExB,MAAMI,cAAcD,OACf,AAAC;QACE,MAAME,QAAQC,OAAO,IAAI,CAACL;QAC1B,OAAOI,MAAM,MAAM,CACf,CAACE,UAAUC;YAIPD,QAAQ,CAACC,KAAK,GAAG,CAAC,GAAGC;gBACjB,MAAMC,UAAUT,SAAS,CAACO,KAAK,CAACN,SAAS,OAAO;gBAChD,OAAOQ,WAAWD;YACtB;YACA,OAAOF;QACX,GACA,CAAC;IAET;IAGJI,UAAU;QACNT,SAAS,OAAO,GAAGF;IACvB;IAEA,OAAOI,YAAY,OAAO;AAC9B"}

package/hooks/useRegisterLegacyPlugin.js

@@ -1,11 +1,12 @@
 import { useRef } from "react";
 import { plugins } from "@webiny/plugins";
-export function useRegisterLegacyPlugin(plugin) {
-  const pluginRegistered = useRef(false);
-  if (!pluginRegistered.current) {
-    pluginRegistered.current = true;
-    plugins.register(plugin);
-  }
+function useRegisterLegacyPlugin(plugin) {
+    const pluginRegistered = useRef(false);
+    if (!pluginRegistered.current) {
+        pluginRegistered.current = true;
+        plugins.register(plugin);
+    }
 }
+export { useRegisterLegacyPlugin };
 
 //# sourceMappingURL=useRegisterLegacyPlugin.js.map

package/hooks/useRegisterLegacyPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["useRef","plugins","useRegisterLegacyPlugin","plugin","pluginRegistered","current","register"],"sources":["useRegisterLegacyPlugin.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { type Plugin } from \"@webiny/plugins/types.js\";\n\nexport function useRegisterLegacyPlugin<TPlugin extends Plugin>(plugin: TPlugin) {\n    const pluginRegistered = useRef<boolean>(false);\n    if (!pluginRegistered.current) {\n        pluginRegistered.current = true;\n        plugins.register(plugin);\n    }\n}\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,OAAO;AAC9B,SAASC,OAAO,QAAQ,iBAAiB;AAGzC,OAAO,SAASC,uBAAuBA,CAAyBC,MAAe,EAAE;EAC7E,MAAMC,gBAAgB,GAAGJ,MAAM,CAAU,KAAK,CAAC;EAC/C,IAAI,CAACI,gBAAgB,CAACC,OAAO,EAAE;IAC3BD,gBAAgB,CAACC,OAAO,GAAG,IAAI;IAC/BJ,OAAO,CAACK,QAAQ,CAACH,MAAM,CAAC;EAC5B;AACJ","ignoreList":[]}
+{"version":3,"file":"hooks/useRegisterLegacyPlugin.js","sources":["../../src/hooks/useRegisterLegacyPlugin.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { type Plugin } from \"@webiny/plugins/types.js\";\n\nexport function useRegisterLegacyPlugin<TPlugin extends Plugin>(plugin: TPlugin) {\n    const pluginRegistered = useRef<boolean>(false);\n    if (!pluginRegistered.current) {\n        pluginRegistered.current = true;\n        plugins.register(plugin);\n    }\n}\n"],"names":["useRegisterLegacyPlugin","plugin","pluginRegistered","useRef","plugins"],"mappings":";;AAIO,SAASA,wBAAgDC,MAAe;IAC3E,MAAMC,mBAAmBC,OAAgB;IACzC,IAAI,CAACD,iBAAiB,OAAO,EAAE;QAC3BA,iBAAiB,OAAO,GAAG;QAC3BE,QAAQ,QAAQ,CAACH;IACrB;AACJ"}

package/hooks/useUi.js

@@ -1,7 +1,6 @@
 import { useContext } from "react";
 import { UiContext } from "../contexts/Ui/index.js";
-export const useUi = () => {
-  return useContext(UiContext);
-};
+const useUi = ()=>useContext(UiContext);
+export { useUi };
 
 //# sourceMappingURL=useUi.js.map

package/hooks/useUi.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","UiContext","useUi"],"sources":["useUi.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport type { UiContextValue } from \"~/contexts/Ui/index.js\";\nimport { UiContext } from \"~/contexts/Ui/index.js\";\n\nexport const useUi = () => {\n    return useContext(UiContext) as UiContextValue;\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAElC,SAASC,SAAS;AAElB,OAAO,MAAMC,KAAK,GAAGA,CAAA,KAAM;EACvB,OAAOF,UAAU,CAACC,SAAS,CAAC;AAChC,CAAC","ignoreList":[]}
+{"version":3,"file":"hooks/useUi.js","sources":["../../src/hooks/useUi.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport type { UiContextValue } from \"~/contexts/Ui/index.js\";\nimport { UiContext } from \"~/contexts/Ui/index.js\";\n\nexport const useUi = () => {\n    return useContext(UiContext) as UiContextValue;\n};\n"],"names":["useUi","useContext","UiContext"],"mappings":";;AAIO,MAAMA,QAAQ,IACVC,WAAWC"}

package/i18n/i18n.js

@@ -1,7 +1,11 @@
-import i18n, { defaultProcessor, defaultModifiers } from "@webiny/i18n";
-import reactProcessor from "@webiny/i18n-react";
-i18n.registerProcessors([defaultProcessor, reactProcessor]);
+import i18n, { defaultModifiers, defaultProcessor } from "@webiny/i18n";
+import i18n_react from "@webiny/i18n-react";
+i18n.registerProcessors([
+    defaultProcessor,
+    i18n_react
+]);
 i18n.registerModifiers(defaultModifiers);
-export default i18n;
+const i18n_i18n = i18n;
+export default i18n_i18n;
 
 //# sourceMappingURL=i18n.js.map

package/i18n/i18n.js.map

@@ -1 +1 @@
-{"version":3,"names":["i18n","defaultProcessor","defaultModifiers","reactProcessor","registerProcessors","registerModifiers"],"sources":["i18n.ts"],"sourcesContent":["import i18n, { defaultProcessor, defaultModifiers } from \"@webiny/i18n\";\nimport reactProcessor from \"@webiny/i18n-react\";\n\ni18n.registerProcessors([defaultProcessor, reactProcessor]);\ni18n.registerModifiers(defaultModifiers);\n\nexport default i18n;\n"],"mappings":"AAAA,OAAOA,IAAI,IAAIC,gBAAgB,EAAEC,gBAAgB,QAAQ,cAAc;AACvE,OAAOC,cAAc,MAAM,oBAAoB;AAE/CH,IAAI,CAACI,kBAAkB,CAAC,CAACH,gBAAgB,EAAEE,cAAc,CAAC,CAAC;AAC3DH,IAAI,CAACK,iBAAiB,CAACH,gBAAgB,CAAC;AAExC,eAAeF,IAAI","ignoreList":[]}
+{"version":3,"file":"i18n/i18n.js","sources":["../../src/i18n/i18n.ts"],"sourcesContent":["import i18n, { defaultProcessor, defaultModifiers } from \"@webiny/i18n\";\nimport reactProcessor from \"@webiny/i18n-react\";\n\ni18n.registerProcessors([defaultProcessor, reactProcessor]);\ni18n.registerModifiers(defaultModifiers);\n\nexport default i18n;\n"],"names":["i18n","defaultProcessor","reactProcessor","defaultModifiers"],"mappings":";;AAGAA,KAAK,kBAAkB,CAAC;IAACC;IAAkBC;CAAe;AAC1DF,KAAK,iBAAiB,CAACG;AAEvB,kBAAeH"}

package/i18n/index.js

@@ -1,3 +1 @@
 export { default as i18n } from "./i18n.js";
-
-//# sourceMappingURL=index.js.map

package/index.js

@@ -1,10 +1,4 @@
-export { AddQuerySelectionPlugin } from "./plugins/AddQuerySelectionPlugin.js";
-export { ApolloLinkPlugin } from "./plugins/ApolloLinkPlugin.js";
-export { ApolloCacheObjectIdPlugin } from "./plugins/ApolloCacheObjectIdPlugin.js";
-
-// Composition - we re-export this for ease of use
 export * from "@webiny/react-composition";
-// App framework
 export * from "./App.js";
 export * from "./AppContainer.js";
 export * from "./core/Plugins.js";
@@ -14,15 +8,16 @@ export * from "./core/createProvider.js";
 export * from "./core/createProviderPlugin.js";
 export * from "./renderApp.js";
 export * from "./utils/createGenericContext.js";
-export { useContainer, DiContainerProvider } from "./shared/di/DiContainerProvider.js";
+export * from "./helpers/InterfaceGenerator/index.js";
+export { AddQuerySelectionPlugin } from "./plugins/AddQuerySelectionPlugin.js";
+export { ApolloLinkPlugin } from "./plugins/ApolloLinkPlugin.js";
+export { ApolloCacheObjectIdPlugin } from "./plugins/ApolloCacheObjectIdPlugin.js";
+export { DiContainerProvider, useContainer } from "./shared/di/DiContainerProvider.js";
 export { useFeature } from "./shared/di/useFeature.js";
 export { createFeature } from "./shared/di/createFeature.js";
 export { Route } from "./features/router/Route.js";
 export { RouteLink } from "./presentation/router/components/RouteLink.js";
 export { SimpleLink } from "./presentation/router/components/SimpleLink.js";
 export { useEnvConfig } from "./presentation/envConfig/useEnvConfig.js";
-export { useRouter, useRoute } from "./presentation/router/index.js";
+export { useRoute, useRouter } from "./presentation/router/index.js";
 export { useLocalStorage, useLocalStorageValue, useLocalStorageValues } from "./presentation/localStorage/index.js";
-export * from "./helpers/InterfaceGenerator/index.js";
-
-//# sourceMappingURL=index.js.map