mhz-helpers 1.0.1 → 1.0.2

package/dist/composables/index.d.ts

@@ -1 +1,3 @@
 export * from './usePagination';
+export * from './usePage';
+export * from './useInfiniteScroll';

package/dist/composables/useInfiniteScroll.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+export declare function useInfiniteScroll<T>(): {
+    page: Ref<number>;
+    allData: Ref<T[]>;
+    addData: (data: T[]) => void;
+    handleScroll: (isLoading: boolean, pageToSet: number) => void;
+};

package/dist/composables/usePage.d.ts

@@ -0,0 +1,19 @@
+export interface ISortOption {
+    value?: string;
+    isAsc: boolean;
+}
+export interface IPageQuery {
+    page: number;
+    sort: ISortOption;
+}
+export declare function usePage(): {
+    query: import("vue").Ref<{
+        page: number;
+        sort: {
+            value?: string | undefined;
+            isAsc: boolean;
+        };
+    }>;
+    resetQuery: (value: string) => void;
+    setQueryPage: (pageToSet: number) => void;
+};

package/dist/index.js

@@ -1,18 +1,58 @@
-import { computed as i, toRaw as o } from "vue";
-function c(e) {
-  const t = i(() => e.value?.data), n = i(() => e.value?.total);
-  function m(r, u) {
-    return !n.value || r === 0 || r === n.value + 1 ? u : r;
+import { computed as i, ref as o, watch as c, toRaw as s } from "vue";
+import { useRouter as l, useRoute as m } from "vue-router";
+function p(e) {
+  const t = i(() => e.value?.data), r = i(() => e.value?.total);
+  function a(u, n) {
+    return !r.value || u === 0 || u === r.value + 1 ? n : u;
   }
-  return { data: t, total: n, setPage: m };
+  return { data: t, total: r, setPage: a };
 }
-function f(e) {
-  return structuredClone(o(e));
+function v() {
+  const e = l(), t = m(), r = o({
+    page: Number(t.query.page || 1),
+    sort: {
+      value: t.query.sort?.toString(),
+      isAsc: t.query.dir !== "desc"
+    }
+  });
+  function a(n) {
+    r.value = Object.assign(r.value, { page: 1, sort: { value: n, isAsc: !0 } });
+  }
+  function u(n) {
+    r.value.page = n;
+  }
+  return c(
+    () => r.value,
+    () => {
+      e.push({
+        path: t.path,
+        query: {
+          page: r.value.page,
+          sort: r.value.sort.value,
+          dir: r.value.sort.isAsc ? "asc" : "desc"
+        }
+      });
+    },
+    { deep: !0 }
+  ), { query: r, resetQuery: a, setQueryPage: u };
+}
+function g() {
+  const e = o(1), t = o([]);
+  function r(u) {
+    t.value = [...t.value, ...u];
+  }
+  function a(u, n) {
+    u || (e.value = n);
+  }
+  return { page: e, allData: t, addData: r, handleScroll: a };
+}
+function y(e) {
+  return structuredClone(s(e));
 }
-function l(e) {
+function D(e) {
   return e ? new Intl.DateTimeFormat().format(new Date(e)) : "-";
 }
-function d(e) {
+function h(e) {
   return e ? new Intl.DateTimeFormat(void 0, {
     year: "numeric",
     month: "numeric",
@@ -21,21 +61,23 @@ function d(e) {
     minute: "numeric"
   }).format(new Date(e)) : "-";
 }
-function p() {
+function I() {
   return `temp-${crypto.randomUUID()}`;
 }
-function s(e) {
+function q(e) {
   return e.map((t) => (t._id?.includes("temp") && delete t._id, t));
 }
-function D(e) {
+function P(e) {
   return e.map((t) => (delete t._id, t));
 }
 export {
-  f as clone,
-  p as createTempId,
-  D as deleteId,
-  s as deleteTempId,
-  l as formatDate,
-  d as formatDateTime,
-  c as usePagination
+  y as clone,
+  I as createTempId,
+  P as deleteId,
+  q as deleteTempId,
+  D as formatDate,
+  h as formatDateTime,
+  g as useInfiniteScroll,
+  v as usePage,
+  p as usePagination
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mhz-helpers",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "mhz-helpers",
   "author": "dergunov.com",
   "type": "module",
@@ -16,22 +16,23 @@
     "ts": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "vue": "3.3.4"
+    "vue": "3.3.4",
+    "vue-router": "4.2.4"
   },
   "devDependencies": {
-    "@types/node": "20.4.10",
-    "@typescript-eslint/eslint-plugin": "6.3.0",
-    "@typescript-eslint/parser": "6.3.0",
-    "@vitejs/plugin-vue": "4.2.3",
+    "@types/node": "20.5.3",
+    "@typescript-eslint/eslint-plugin": "6.4.1",
+    "@typescript-eslint/parser": "6.4.1",
+    "@vitejs/plugin-vue": "4.3.3",
     "eslint": "8.47.0",
     "eslint-config-prettier": "9.0.0",
     "eslint-import-resolver-typescript": "3.6.0",
-    "eslint-plugin-import": "2.28.0",
+    "eslint-plugin-import": "2.28.1",
     "eslint-plugin-prettier": "5.0.0",
     "eslint-plugin-vue": "9.17.0",
     "postcss-html": "1.5.0",
-    "prettier": "3.0.1",
-    "stylelint": "15.10.2",
+    "prettier": "3.0.2",
+    "stylelint": "15.10.3",
     "stylelint-config-recess-order": "4.3.0",
     "stylelint-config-recommended-scss": "12.0.0",
     "stylelint-config-recommended-vue": "1.5.0",
@@ -43,7 +44,8 @@
     "vue-tsc": "1.8.8"
   },
   "peerDependencies": {
-    "vue": "3.3.4"
+    "vue": "3.3.4",
+    "vue-router": "4.2.4"
   },
   "engines": {
     "node": "18"